欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3數(shù)組或?qū)ο筚x值不更新解決方法示例

 更新時(shí)間：2023年11月24日 10:16:00   作者：清兒  
這篇文章主要為大家介紹了vue3數(shù)組或?qū)ο筚x值不更新解決方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

正文

vue3 使用proxy，對(duì)于對(duì)象和數(shù)組都不能直接整個(gè)賦。具體原因：reactive聲明的響應(yīng)式對(duì)象被 arr 代理，操作代理對(duì)象需要有代理對(duì)象的前綴，直接覆蓋會(huì)丟失響應(yīng)式。

數(shù)組賦值

// 方案1：創(chuàng)建一個(gè)響應(yīng)式對(duì)象，對(duì)象的屬性是數(shù)組
const state = reactive({
    arr: []
});
state.arr = [1, 2, 3]
// 方案2: 使用 ref 函數(shù)
const state = ref([])
state.value = [1, 2, 3]
// 方案3: 使用數(shù)組的push方法
const arr = reactive([])
arr.push(...[1, 2, 3])

對(duì)象賦值

let obj = reactive({
    name: 'zhangsan',
    age: '18'
})
obj = {
    name: 'lisi'
    age: ''
}
// 直接賦值檢測(cè)不到，因?yàn)轫憫?yīng)式的是它的屬性，而不是它自身
// 方法1: 單個(gè)賦值
obj['name'] = 'lisi';
obj['age'] = '';
// 方法2：創(chuàng)建響應(yīng)式對(duì)象
let obj = reactive({
    data: {
        name: 'zhangsan',
        age: '18'
    }
})
obj.data = {
    name: 'lisi'
    age: ''
}

以上就是vue3數(shù)組或?qū)ο筚x值不更新解決方法示例的詳細(xì)內(nèi)容，更多關(guān)于vue3數(shù)組對(duì)象賦值更新的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論