Vue-Bind-Delay-Resolution-1

VUE 绑定延迟解决

绑定延迟出现的现象

在 VUE 项目中,有时候控件即使双向绑定了,但是当我们改变属性的值时,页面也不会发生变化还是显示之前的值。

解决方法

使用 this.$set() 方法可以解决这一问题

1
2
3
4
5
6
7
8
9
10
11
12
this.$set(this.value, '变量名' ,'实际数据')
案例:
变量
student: {
id: '',
name: ''
}
实时刷新代码案例
// 对象中单一变量修改
this.$set(this.student,'name','李四')
// 对象中全部变量修改
this.$set(this.student,{id:'123',name:'李四'})
Contents
  1. 1. VUE 绑定延迟解决
    1. 1.1. 绑定延迟出现的现象
    2. 1.2. 解决方法
|