vue表单元素操作
在使用vue表单的时候,我们可能会对其中的数据行进行一些操作,比如:删除,上移,下移等,在这里我就列举一下这三个操作的简单方法,希望大家把更好的操作方法留下,以供你我和后来人互相学习。 Vue.js 为观察数组添加了 $remove()和$set() 方法,其中$remove()用于从目标数组中查找并删除元素,在内部它调用splice() ; 而$set()
·
在使用vue表单的时候,我们可能会对其中的数据行进行一些操作,比如:删除,上移,下移等,
在这里我就列举一下这三个操作的简单方法,希望大家把更好的操作方法留下,以供你我和后来人互相学习。
Vue.js 为观察数组添加了 $remove()和$set()
方法,
其中$remove()用于从目标数组中查找并删除元素,在内部它调用splice()
;
而$set()则是在目标数组中设置数据的。
我们的这三个操作就是用了这两个方法来实现;
1、删除:
'delete':function(art){ vue.toSendList.$remove(art) }2、上移:
'moveUp': function (art, index) { if(index==0){ alert("该数据已在列表第一位"); return; } var upArt = vue.toSendList[index-1]; vue.toSendList.$set(index,upArt); vue.toSendList.$set(index-1,art); },3、下移:
'moveDown': function (art, index) { if(index == vue.toSendList.length-1){ alert("该数据已在列表末尾"); return; } var downArt = vue.toSendList[index+1]; vue.toSendList.$set(index,downArt); vue.toSendList.$set(index+1,art); },
更多推荐
已为社区贡献1条内容
所有评论(0)