色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

解決vue數據不實時更新的問題(數據更改了,但數據不實時更新)

瀏覽:4日期:2022-11-11 08:34:05

一、在我們使用vue進行開發的過程中,可能會遇到一種情況:

當生成vue實例后,當再次給數據賦值時,有時候并不會自動更新到視圖上去;

向響應式對象中添加一個屬性,并確保這個新屬性同樣是響應式的,且觸發視圖更新。它必須用于向響應式對象上添加新屬性,因為 Vue 無法探測普通的新增屬性 ,需要用vue內置的方法

二、Vue.set() 響應式新增與修改數據

此時我們需要知道Vue.set()需要哪些參數,官方API:https://cn.vuejs.org/v2/api/#Vue-set

調用方法:Vue.set( target, key, value ) 或者 this.$set(target, key, value);

target:要更改的數據源(可以是對象或者數組)

key:要更改的具體數據

value :重新賦的值,

調用:this.$set(target, key, value);

補充知識:vue Render scopedSlots

render 中 slot 的一般默認使用方式如下: this.$slots.default 對用 template的<slot>的使用沒有name 。 想使用多個slot 的話。需要對slot命名唯一。

在render函數中動態使用多個slot,并且給slot傳值

一、我的業務邏輯:

使用了三個組件,

組件A調用組件B,組件B調用組件C,組件C是自己封裝的render渲染組件。

組件A希望將自己自定義的插槽插到C組件,C組件渲染出自定義的內容,并且將C組件的值傳遞給B組件和A組件,B組件是對C組件進行更大一層的封裝

A組件調用B組件

<index-grid> <div slot='name' slot-scope='field' @click='rowLinkClick' > <span>{{ field.field.rowData.name }}</span> </div></index-grid>

A組件引用B組件,slot-scope接收從B組件中傳出來solt的值,slot=“name”,是為插槽具名;

B組件中調用C組件的render函數

<sub-grid ref='indexGridSub'> <span v-for='(item, index) in fields' :key='index' slot='name' slot-scope='field' > <slot name='name' :field='field'></slot> </span> </sub-grid>

B組件span中 slot是動態的值,和A組件中的slot同一個值,才能接受來自A組件自定義的插槽,

field是來自于C組件中傳遞的值

C組件是render函數

h( 'td', { style: { width: field.width + 'px' }, class: { borderRight }, // 作用域插槽格式 // { name: props => VNode | Array<VNode> } scopedSlots: this.$scopedSlots.name, // 如果組件是其他組件的子組件,需為插槽指定名稱 slot: ’name’ }, this.$scopedSlots.name({ field: field, rowData: rowData, }) );

C組件往上傳遞的值就是 {field:’’, rowData: ’’} 的對象

以上這篇解決vue數據不實時更新的問題(數據更改了,但數據不實時更新)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 日韩三级一区二区 | 国产午夜毛片一区二区三区 | 日韩中文字幕免费观看 | a毛片a毛片a视频 | 日韩一级片 | 久久久精品免费观看 | 国产在线极品 | 国产精品一区二区四区 | 国产一级特黄特色aa毛片 | 精品日本久久久久久久久久 | 日本三级香港三级乳网址 | 成年人在线观看网站 | 日本精品视频在线播放 | 一级做a爰片久久毛片欧美 一级做a爰片久久毛片人呢 | 91免费永久在线地址 | 夜色亚洲 | 欧美一区2区 | 99精品国产成人一区二区 | 在线观看中文字幕一区 | 国产成人欧美一区二区三区的 | 深夜福利爽爽爽动态图 | 欧美激情亚洲一区中文字幕 | 欧美一级免费片 | 麻豆md国产在线观看 | 韩国19禁主播裸免费福利 | 亚洲综合日本 | 毛色毛片 | 国产日韩视频在线观看 | 91情侣高清精品国产 | 国产成人精品视频一区二区不卡 | 久久狠狠色狠狠色综合 | 成人网18免费看 | 手机国产精品一区二区 | 欧美综合在线观看 | 超级香蕉97视频在线观看一区 | 国产成人福利视频网站 | 国产日韩欧美一区 | 亚洲黄色免费在线观看 | 亚洲第一视频在线观看 | 一级淫片免费视频 | 免费一区二区三区视频狠狠 |