vue实现数组上移下移置顶置底

admin3年前vue477

swapItems: function(arr, index1, index2, direction) {
               
if(direction == 'up'){
                    //置顶
                    arr.unshift(arr[index1]);
                    arr.splice(index1+1, 1);
                    return arr;
                }
                if(direction == 'down'){
                    //置底
                    arr.push(arr[index1]);
                    arr.splice(index1,1);
                    return arr;
                }
                arr[index1] = arr.splice(index2, 1, arr[index1])[0];
                return arr;
            },

,

up(k) {

                if(k == 0) {
                    layer.msg('已经是最顶部了');
                    return;
                }
                this.datas = this.swapItems(this.datas, k, k - 1);
                var datas = this.datas;
                datas.forEach(function(e, k) {
                    datas[k].sort_order = k;
                })
            },
            down(k) {
                var index = this.datas.length - 1;
                if(k == index) {
                    layer.msg('已经是最底部了');
                    return;
                }
                this.datas = this.swapItems(this.datas, k, k + 1);
                var datas = this.datas;
                datas.forEach(function(e, k) {
                    datas[k].sort_order = k;
                })
            },


相关文章

防懂车帝车型对比功能

<!DOCTYPE html> <html> <head>     <meta http...

vue2使用富文本编辑器

https://blog.csdn.net/m0_61257622/article/details/127331859...

elementui tooltip内容换行设置

https://blog.csdn.net/m0_67841039/article/details/131791490...

vue获取当前日历和星期

currentTime: function () {         var d = new Date(), str = '';&nb...

Vue v3组件命名不支持驼峰命令

<script>        const testItem = {           ...

vue中render: h => h(App)的详细解释

render: h => h(App) 是下面内容的缩写:进一步缩写为(ES6 语法):再进一步缩写为:按照 ES6 箭头函数的写法,就得到了:其中 根据 Vue.js 作者 Even...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。