美文网首页
表单项上移、下移、交换位置

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

作者: RichieQ | 来源:发表于2023-01-30 15:23 被阅读0次
            //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];
                }
            },

相关文章

网友评论

      本文标题:表单项上移、下移、交换位置

      本文链接:https://www.haomeiwen.com/subject/ehninrtx.html