概述
最近在做项目的时候遇见一个问题，computed修改data数据的时候会报错。报错的大概意思是，不可以修改data数据的属性值。查了一些答案，最终解决办法是需要用到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里面的值可以在页面加载或者数据改变的时候实时更新，但是set方法里面的如果想起作用，你需要调用listShow才会起作用。
看代码：
methods: {
toggleList () {
if (!this.totalCount) {
return
}
this.listShow = false//这里需要调用一下
this.fold = !this.fold
},
}
如果不调用的情况下，逻辑都写到get里面，就可以实时更新了。
以上这篇vue 解决computed修改data数据的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持靠谱客。
最后
以上就是欣慰豌豆为你收集整理的vue 解决computed修改data数据的问题的全部内容，希望文章能够帮你解决vue 解决computed修改data数据的问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复