vue 解決computed修改data數(shù)據(jù)的問(wèn)題
更新時(shí)間：2019年11月06日 11:46:56 作者：sunshine08_07
今天小編就為大家分享一篇vue 解決computed修改data數(shù)據(jù)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
最近在做項(xiàng)目的時(shí)候遇見(jiàn)一個(gè)問(wèn)題，computed修改data數(shù)據(jù)的時(shí)候會(huì)報(bào)錯(cuò)。報(bào)錯(cuò)的大概意思是，不可以修改data數(shù)據(jù)的屬性值。查了一些答案，最終解決辦法是需要用到set和get?？创a：
data () {
return {
fold: false
}
}
我想修改fold的值，如果不用get和set就會(huì)報(bào)錯(cuò)?。?！
computed:{
listShow: {
get: function () {
if (!this.totalCount) {
return false
}
return this.fold
},
set: function () {
if (!this.totalCount) {
this.fold = false
return false
}
}
}
get里面的值可以在頁(yè)面加載或者數(shù)據(jù)改變的時(shí)候?qū)崟r(shí)更新，但是set方法里面的如果想起作用，你需要調(diào)用listShow才會(huì)起作用。
看代碼：
methods: {
toggleList () {
if (!this.totalCount) {
return
}
this.listShow = false//這里需要調(diào)用一下
this.fold = !this.fold
},
}
如果不調(diào)用的情況下，邏輯都寫到get里面，就可以實(shí)時(shí)更新了。
以上這篇vue 解決computed修改data數(shù)據(jù)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
lodop 取意自“l(fā)oad or print”，是一款優(yōu)秀的 Web 打印控件。本文將在Vue中集成lodop插件實(shí)現(xiàn)打印功能，感興趣的小伙伴可以了解一下2023-01-01
本篇文章主要介紹了vue路由懶加載的實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Vue3?中?watch?與?watchEffect?區(qū)別及用法小結(jié)
這篇文章主要介紹了Vue3?中?watch?與?watchEffect?有什么區(qū)別？watch中需要指明監(jiān)視的屬性，也需要指明監(jiān)視的回調(diào)，而watchEffect中不需要指明監(jiān)視的屬性，只需要指明監(jiān)視的回調(diào)，回調(diào)函數(shù)中用到哪個(gè)屬性，就監(jiān)視哪個(gè)屬性，本文給大家詳細(xì)介紹，需要的朋友參考下2022-06-06
vue全局混入之狀態(tài)判斷是否執(zhí)行點(diǎn)擊
這篇文章主要介紹了vue全局混入之狀態(tài)判斷是否執(zhí)行點(diǎn)擊方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
解決nuxt頁(yè)面中mounted、created、watch執(zhí)行兩遍的問(wèn)題
這篇文章主要介紹了解決nuxt頁(yè)面中mounted、created、watch執(zhí)行兩遍的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
解決vue3報(bào)錯(cuò):找不到模塊或其相應(yīng)的類型聲明
這篇文章主要給大家介紹了關(guān)于如何解決vue3報(bào)錯(cuò):找不到模塊或其相應(yīng)的類型聲明的相關(guān)資料,這個(gè)錯(cuò)誤提示是指在代碼中引用了Vue模塊,但是系統(tǒng)找不到該模塊或者缺少相應(yīng)的類型聲明文件,需要的朋友可以參考下2023-07-07
Vue props 單向數(shù)據(jù)流的實(shí)現(xiàn)
這篇文章主要介紹了Vue props 單向數(shù)據(jù)流的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
這篇文章主要介紹了Vue中的Ajax?配置代理?slot插槽的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue中使用swiper5方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
本文主要介紹了深入理解vue3中的reactive()，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02