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

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

作者: 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