一、vue2给对象新增、删除属性,界面不刷新
1.新增
1)、解决方法一
this.$set( 对象, 添加的属性, 添加的属性值)
例如:this.$set( this.person, 'sex', '女') 这是在person对象中添加一个sex属性值为女 页面会刷新
2)、解决方法二
import Vue from 'vue'
Vue.set(this.person, 'sex', '女')
2.删除
1)、解决方法一
this.$delete( 对象, 删除的属性)
this.$delete( this.person, 'sex')这是在person对象中删除一个sex属性 页面会刷新
2)、解决方法二
import Vue from 'vue'
Vue.delete(this.person, 'sex')
二、通过数组下标修改数组界面不会刷新
1)、解决方法一
this.$set(数组, 索引, '修改的新值' )
2)、解决方法二
数组.splice(0, 1, '逛街') 修改数组的第一个索引值为逛街