這篇文章主要介紹了出現(xiàn)vue.set()報(bào)錯(cuò)的解決方法,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站專(zhuān)注于企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣、網(wǎng)站重做改版、普蘭店網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開(kāi)發(fā)、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性?xún)r(jià)比高,為普蘭店等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
vue.set()報(bào)錯(cuò)的解決辦法:使用【Vue.set()】在data里的對(duì)象上增加屬性,代碼為【export default {data() {return {info: {width: '100'}}}】。
vue.set()報(bào)錯(cuò)的解決辦法:
使用Vue.set()
直接在data上增加屬性
export default { data() { return { width: '100' } }, methods: { scrollFn(e) { Vue.set(this.data, 'height', 0) } } } }
報(bào)錯(cuò):
分析:不能在直接data上增加屬性,可以在data里的對(duì)象上增加屬性,例如:
export default { data() { return { info: { width: '100' } } }, methods: { scrollFn(e) { Vue.set(this.info, 'height', 0) } } } }
拓展:
Vue.set()
響應(yīng)式新增與修改數(shù)據(jù)
調(diào)用方法:Vue.set( target, key, value )
target
:要更改的數(shù)據(jù)源(可以是對(duì)象或者數(shù)組)
key
:要更改的具體數(shù)據(jù)
value
:重新賦的值
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享出現(xiàn)vue.set()報(bào)錯(cuò)的解決方法內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!