vue中出现computed修改data数据如何解决
vue中出现computed修改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 }, }
Vue的优点
Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和dom,可以大大提升访问速度和用户体验。
看完上述内容,你们掌握vue中出现computed修改data数据如何解决的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
本文名称:vue中出现computed修改data数据如何解决
文章出自:http://pwwzsj.com/article/jjhedc.html