vue將對(duì)象新增的屬性添加到檢測(cè)序列的方法
更新時(shí)間：2018年02月24日 14:41:35 作者：twmay006
下面小編就為大家分享一篇vue將對(duì)象新增的屬性添加到檢測(cè)序列的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
vue中將對(duì)象中新增的屬性增加到檢測(cè)序列中
deepCopy(o1, o2) { // 將o2的內(nèi)容拷貝給data中的o1
var key, i
if (o2 instanceof Array) {
for (i = 0; i < o2.length; i++) {
if (o2[i] instanceof Array) {
this.$set(o1, i, [])
this.deepCopy(o1[i], o2[i])
}
else if (o2[i] instanceof Object) {
this.$set(o1, i, {})
this.deepCopy(o1[i], o2[i])
}
else {
this.$set(o1, i, o2[i])
}
}
}
else if (o2 instanceof Object) {
for (key in o2) {
if (o2[key] instanceof Array) {
this.$set(o1, key, [])
this.deepCopy(o1[key], o2[key])
}
else if (o2[key] instanceof Object) {
this.$set(o1, key, {})
this.deepCopy(o1[key], o2[key])
}
else {
this.$set(o1, key, o2[key])
}
}
}
else {
o1 = o2
}
}
由于 Vue 不允許動(dòng)態(tài)添加根級(jí)響應(yīng)式屬性，所以你必須在初始化實(shí)例前聲明根級(jí)響應(yīng)式屬性，哪怕只是一個(gè)空值
如果一個(gè)屬性沒(méi)有事先聲明，后面再增加，他不能檢測(cè)到變化，對(duì)于一些固定的結(jié)構(gòu)，是可以檢測(cè)到變化的。比如我知道一個(gè)obj里面必然有key1、key2屬性，我可以事先初始化。如果這些東西是動(dòng)態(tài)的，我沒(méi)法事先聲明。后面再增加，vue沒(méi)法檢測(cè)到變化了。
這時(shí)將你已經(jīng)在data中聲明的變量和你要賦給這個(gè)變量的值作為參數(shù)傳進(jìn)該函數(shù)就行了
以上這篇vue將對(duì)象新增的屬性添加到檢測(cè)序列的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中動(dòng)態(tài)控制btn的disabled屬性方式
這篇文章主要介紹了vue中動(dòng)態(tài)控制btn的disabled屬性方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要給大家詳細(xì)介紹一下Vue3中的基本語(yǔ)法，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Vue3有一定的幫助，感興趣的小伙伴可以了解一下2022-11-11
Vue封裝localStorage設(shè)置過(guò)期時(shí)間的示例詳解
這篇文章主要介紹了Vue封裝localStorage設(shè)置過(guò)期時(shí)間的相關(guān)資料,在這個(gè)示例中,我們?cè)贛yComponent.vue組件的setup函數(shù)中導(dǎo)入了setItemWithExpiry和getItemWithExpiry函數(shù),并在函數(shù)內(nèi)部使用它們來(lái)設(shè)置和獲取帶有過(guò)期時(shí)間的localStorage數(shù)據(jù),需要的朋友可以參考下2024-06-06
Vue 組件參數(shù)校驗(yàn)與非props特性的方法
這篇文章主要介紹了Vue 組件參數(shù)校驗(yàn)與非props特性的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
詳解vue-cli腳手架build目錄中的dev-server.js配置文件
這篇文章主要介紹了詳解vue-cli腳手架build目錄中的dev-server.js配置文件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
詳解如何搭建mpvue框架搭配vant組件庫(kù)的小程序項(xiàng)目
這篇文章主要介紹了詳解如何搭建mpvue框架搭配vant組件庫(kù)的小程序項(xiàng)目，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
100行代碼實(shí)現(xiàn)一個(gè)vue分頁(yè)組功能
今天用vue來(lái)實(shí)現(xiàn)一個(gè)分頁(yè)組件，總體來(lái)說(shuō)，vue實(shí)現(xiàn)比較簡(jiǎn)單，樣式部分模仿了elementUI。接下來(lái)本文通過(guò)實(shí)例代碼給大家介紹100行代碼實(shí)現(xiàn)一個(gè)vue分頁(yè)組功能，感興趣的朋友跟隨小編一起看看吧2018-11-11
vue?調(diào)用瀏覽器攝像頭實(shí)現(xiàn)及原理解析
這篇文章主要為大家介紹了vue調(diào)用瀏覽器攝像頭實(shí)現(xiàn)及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
下面小編就為大家分享一篇vue-cli腳手架引入圖片的幾種方法總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
這篇文章主要介紹了vue中使用Tinymce的示例,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08