亚洲综合图片区自拍_思思91精品国产综合在线观看_一区二区三区欧美_欧美黑人又粗又大_亚洲人成精品久久久久桥本

vue中this.$set修改數(shù)組,數(shù)據(jù)改變視圖層不更新

2023-02-06 10:12:32 來源:51CTO博客


(相關(guān)資料圖)

this.$set( target, propertyName/index, value )用法:

??{Object | Array} target????{string | number} propertyName/index????{any} value??

(官方解釋)

用法:向響應(yīng)式對(duì)象中添加一個(gè) property,并確保這個(gè)新 property 同樣是響應(yīng)式的,且觸發(fā)視圖更新。它必須用于向響應(yīng)式對(duì)象上添加新 property,因?yàn)?Vue 無法探測(cè)普通的新增 property (比如 this.myObject.newProperty = "hi")總結(jié):1、動(dòng)態(tài)修改的數(shù)據(jù)必須在data中2、修改某屬性的值數(shù)據(jù)改變視圖層也改變的條件:該屬性初始化必須在該屬性所在數(shù)據(jù)源中或者由this.$set做的新增屬性,后面對(duì)該屬性進(jìn)行操作才能監(jiān)聽到該屬性

demo

obj:{name:"zhangsan",age:"15"}
新增sex屬性 ??this.obj.sex="男"??通過對(duì)象修改sex屬性 ??this.obj.sex="女"??,此時(shí)數(shù)據(jù)改變,視圖未更新通過??this.$set??修改??this.$set(obj,"sex","女")?? ,發(fā)現(xiàn)數(shù)據(jù)改變,視圖未更新,與第2.出現(xiàn)相同的現(xiàn)象原因:??obj??中沒有??sex??屬性,??this.$set(obj,"sex","女")??只能做修改,vue.set( )可以做縣呢過,然后對(duì)??obj.sex??做操作的話才能夠監(jiān)聽到??sex??,視圖層才會(huì)更新

相關(guān)文章:??vue.set()與this.$set()的區(qū)別??

標(biāo)簽: 相關(guān)文章

上一篇:
下一篇: