vue 解決computed修改data數(shù)據(jù)的問題
更新時間：2019年11月06日 11:46:56 作者：sunshine08_07
今天小編就為大家分享一篇vue 解決computed修改data數(shù)據(jù)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近在做項(xiàng)目的時候遇見一個問題，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ù)改變的時候?qū)崟r更新，但是set方法里面的如果想起作用，你需要調(diào)用listShow才會起作用。
看代碼：
methods: {
toggleList () {
if (!this.totalCount) {
return
}
this.listShow = false//這里需要調(diào)用一下
this.fold = !this.fold
},
}
如果不調(diào)用的情況下，邏輯都寫到get里面，就可以實(shí)時更新了。
以上這篇vue 解決computed修改data數(shù)據(jù)的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
最近接手做一個前端小項(xiàng)目，基于vue實(shí)現(xiàn)答題功能，具體功能有判斷用戶是否答對，答對的話跳到下一題，答錯的話彈窗告訴用戶有錯題，請重新答題，功能非常人性化，對實(shí)現(xiàn)代碼感興趣的朋友一起看看吧2021-06-06
在?Web?應(yīng)用程序中,有時需要為某些內(nèi)容提供全屏顯示的功能,本文將介紹如何使用?Vue.js?3?的?Composition?API?創(chuàng)建一個全屏功能的工具類,希望對大家有所幫助2024-03-03
這篇文章主要介紹了vue項(xiàng)目使用uniapp生成app的全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家詳細(xì)介紹了Vue3中useLocalStorage用法的相關(guān)知識,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以了解一下
2023-10-10 
這篇文章主要介紹了vue 如何獲取視頻第一幀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10 
vue props 單項(xiàng)數(shù)據(jù)流實(shí)例分享
在本篇文章里小編給大家分享的是一篇關(guān)于vue props 單項(xiàng)數(shù)據(jù)流實(shí)例分享內(nèi)容，需要的朋友們可以參考下。
2020-02-02 
vue3點(diǎn)擊出現(xiàn)彈窗后背景變暗且不可操作的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue3點(diǎn)擊出現(xiàn)彈窗后背景變暗且不可操作的實(shí)現(xiàn)代碼,本文通過實(shí)例代碼圖文相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-08-08 
vue cli3.0打包上線靜態(tài)資源找不到路徑的解決操作
這篇文章主要介紹了vue cli3.0打包上線靜態(tài)資源找不到路徑的解決操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08 
elementui導(dǎo)出數(shù)據(jù)為xlsx、excel表格
本文主要介紹了elementui導(dǎo)出數(shù)據(jù)為xlsx、excel表格，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09