vue 使用vuedraggable实现拖拽排序功能,及复拖拽后复原的解决

1.安装依赖

npm i -S vuedraggable

 2.引入依赖

import vuedraggable from 'vuedraggable';

3.注册组件

components: {

vuedraggable

},

4.使用

 
    
      

{{item}}

问题解决:

1.提示key报错:

    给循环项每个加个key属性

2.拖拽过去又复原了:

    这情况一般是你的每一项是写死的,而非循环项,去掉vuedraggable中的v-model

 
      

1

2

 

你可能感兴趣的:(js,vue,资料)