表单项上移、下移、交换位置

            //import draggable from 'vuedraggable'
            // 拖拽
            onDragEnd(e) {
                if (e.newIndex != e.oldIndex) {
                    let listData = this.formData.listData;
                    listData[e.newIndex] = listData.splice(e.oldIndex, 1, listData[e.newIndex])[0];
                }
            },
            // 上移
            onUpGo(index) {
                let listData = this.formData.listData;
                if (index !=0 ) {
                    listData[index] = listData.splice(index-1, 1, listData[index])[0];
                } else {
                    listData.push(listData.shift());
                }
            },
            // 下移
            onDownGo(index) {
                let listData = this.formData.listData;
                if (index != listData.length - 1) {
                    listData[index] = listData.splice(index+1, 1, listData[index])[0];
                } else {
                    listData.unshift(listData.splice(index, 1))[0];
                }
            },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容