小程序直播上线_vue 解决computed修正data数据的问题

puted修改data数据的问题       puted修改data数据的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
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里面,就可以实时更新了。

puted修改data数据的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


相关阅读