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