elementUI transfer 增加拖拽无法重新排序?

问题描述

在el-transfer上加上拖拽功能,使用插件vue-smooth-dnd,拖拽后的选项还是穿梭的排序,无法实现拖动排序

问题出现的环境背景及自己尝试过哪些方法

用vue2.x和elemenUI写的一个后台管理系统,使用穿梭框的组件,拖动后获取数组,但是无法重新赋值给穿梭框的data

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
computed: {

  filteredData: {
    get: function () {
      return this.data.filter(item => {
        if (typeof this.filterMethod === 'function') {
          return this.filterMethod(this.query, item)
        } else {
          const label = item[this.labelProp] || item[this.keyProp].toString()
          return label.toLowerCase().indexOf(this.query.toLowerCase()) > -1
        }
      })
    },
    set: function (newData) {
      return newData
    }
  }

}
methods: {

  onDrop(dropResult) {
    this.filteredData = applyDrag(this.filteredData, dropResult)
  }

}

你期待的结果是什么?实际看到的错误信息又是什么?

题目描述

onDrop事件里applyDrag返回数据是拖动后的排序数组,computed里的set获取到filteredData的变化值,然后在onDrop里打印filterdData值,还是transfer组件返回的排序数组,赋值无效,为什么

阅读 4.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题