draggable -＞ vue拖拽组件的使用

1.安装：npm i vuedraggable2.引用：1.import draggable from “vuedraggable”;2.export default {components: {draggable,},}3.典型用途：<draggable v-model = “ myArray ” group = “ people ”@开始= “ drag = true ”@ end =

Yriaf@2022

274人浏览 · 2021-04-02 09:39:10

Yriaf@2022 · 2021-04-02 09:39:10 发布

1.安装：npm i vuedraggable
2.引用：1.import draggable from “vuedraggable”;
2.export default {
components: {
draggable,
},
}
3.典型用途：
<draggable v-model = “ myArray ” group = “ people ” @开始= “ drag = true ” @ end = “ drag = false ” >
< div v-for = “ myArray” ：key = “ element.id ” > {{element.name}} </ div >

在项目中引用： ‘

<el-tag
v-for=“tag in selectList”
:key=“tag.id”
closable
class=“select-tab”
@close=“cancelSelect(tag.id)”
>
{{ tag.lable }}

需要修改一点样式：

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐