Vue数据更新，视图不更新问题

时间:2020-05-12
本文章向大家介绍Vue数据更新，视图不更新问题，主要包括Vue数据更新，视图不更新问题使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

写点赞功能时，点赞后已经追加到对象里了，但是视图没有更新。

查找了些资料：

数据已经更新了但是视图不更新的问题，有几个原因：

1、根属性不存在，而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。

2、只有通过以下几个方法更新数组

1
2
3
4
5
6
7
push()
pop()
shift()
unshift()
splice()
sort()
reverse()

vue才能检测到数组更新。如果想直接通过下标修改数组的话，就需要使用vm-set 方法来通知vue你更新了这个数组。

语法为：

1
2
3
4
5
6
7
8
9
vm.$set( target, key, value )
 
Vue.set(vm.obj,'k1','v1')
 
this.$set(this.obj,'k1','v1')
 
this.obj = Object.assign({}, this.obj)
 
this.obj = Object.assign({}, this.obj,{'k1','v1'})

对象添加可以使用：

1
this.$set(对象名,属性,值)


http://view.szonline.net/qiwen/20200512/24286.html
http://view.szonline.net/yule/24285.html
http://view.szonline.net/gundong/20200512/24284.html
http://view.szonline.net/qiwen/20200512/24283.html
http://view.szonline.net/qiwen/20200512/24282.html
http://view.szonline.net/qiwen/20200512/24281.html
http://view.szonline.net/yule/24280.html
http://view.szonline.net/gundong/20200512/24279.html
http://view.szonline.net/qiwen/20200512/24278.html
http://view.szonline.net/qiwen/20200512/24277.html
http://view.szonline.net/qiwen/20200512/24276.html
http://view.szonline.net/yule/24275.html
http://view.szonline.net/gundong/20200512/24274.html
http://view.szonline.net/qiwen/20200512/24273.html
http://view.szonline.net/qiwen/20200512/24272.html
http://view.szonline.net/qiwen/20200512/24271.html
http://view.szonline.net/yule/24270.html
http://view.szonline.net/gundong/20200512/24269.html
http://view.szonline.net/qiwen/20200512/24268.html
http://view.szonline.net/qiwen/20200512/24267.html
http://view.szonline.net/qiwen/20200512/24266.html
http://view.szonline.net/yule/24265.html

原文地址：https://www.cnblogs.com/zjw2004112/p/12877480.html

随机文章
Javascript知识点必读
最近更新