vue中数组改变不渲染页面问题处理,解决办法使用splice
语法结构:splice(index,len,[item])1、可以用来添加/删除/替换数组内某一个或者几个值2、该方法会改变原始数组index:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空1.修改相当于先删除再添加methods:{clickModify:function () {this.arr.splice(0,1,item);
·
语法结构:splice(index,len,[item])
1、可以用来添加/删除/替换数组内某一个或者几个值
2、该方法会改变原始数组
index:数组开始下标
len: 替换/删除的长度
item:替换的值,删除操作的话 item为空
1.修改 相当于先删除再添加
methods:{
clickModify:function () {
this.arr.splice(0,1,item);
}
}
2.删除
index表示要删除的数组下标, len长度为1(len设置1,如果为0,则数组不变),item为空表示执行删除操作
methods:{
clickDelete:function () {
this.arr.splice(0,1);
}
}
3.添加
index下标直接设置为0,len长度也设置为0,item传入要添加的对象
methods:{
clickAdd:function () {
this.arr.splice(0,0,item);
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)