vue表单元素操作

在使用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);
},