Vue set的使用場景

2022-06-05 17:54:10 字數 1367 閱讀 8122

實現的思路很簡單,點選增加的時候,往乙個陣列裡面push一條資料即可:

>

>

v-for="(item,k) in prodform.seqnos" :key="k">

type="text" v-model="item.seqno" />

>

@click="add">增

>

>

>

export default ,

data(),

basicinfo:}},

methods:)}},

}>

scoped>

.btn

>

在mounted有乙個初始化賦值操作,而basicinfo裡面並沒有seqnos這個陣列,當賦值完成後,我需要重新新增回來,這樣就有問題了,你點選增加的按鈕無法生效,為啥呢?

根據官方文件定義:

如果在例項建立之後新增新的屬性到例項上,它不會觸發檢視更新。

也就是說,預設vue會遍歷data裡面的所有屬性,並使用object.defineproperty把這些屬性全部轉為 getter/setter。

我們通過列印prodform變數,發現seqnos這個陣列並未增加getter和setter,也就是這個陣列並沒被監聽起來:

怎麼辦呢?$set就派上用場了:

vue.$set(object, key, value)

我們將**改造一下:

>

>

v-for="(item,k) in prodform.seqnos" :key="k">

type="text" v-model="item.seqno" />

>

@click="add">增

>

>

>

export default ,

data(),

basicinfo:}},

methods:)}},

}>

scoped>

.btn

>

這時再列印prodform變數,發現seqnos陣列已經新增了getter和setter,按鈕也生效了:

Git使用場景 命令使用場景

通過個人使用git時候的遇到的使用場景,熟悉了解相關命令,也記錄一下場景的使用方法。所有場景均在ubuntu16.04 linux 作業系統下,其他作業系統有差異的地方自行查閱相關資料。安裝git sudo apt get install git設定及檢視git配置 user.name和user.e...

mongodb 使用場景和不使用場景

1.mongodb介紹 mongodb 名稱來自 humongous 是乙個可擴充套件的高效能,開源,模式自由,面向文件的資料庫。它使用c 編寫。mongodb特點 a.面向集合的儲存 適合儲存物件及json形式的資料。b.動態查詢 mongo支援豐富的查詢表達方式,查詢指令使用json形式的標記,...

mongodb 使用場景和不使用場景

mongodb 使用場景和不使用場景 2012 09 26 10 30 18 分類 linux 1.mongodb介紹 mongodb 名稱來自 humongous 是乙個可擴充套件的高效能,開源,模式自由,面向文件的資料庫。它使用c 編寫。mongodb特點 a.面向集合的儲存 適合儲存物件及js...