vue3 安装vuedraggable
时间: 2023-07-21 19:11:48 浏览: 97
要在 Vue 3 中安装 `vuedraggable`,你可以按照以下步骤进行操作:
1. 首先,在你的项目目录中打开终端或命令提示符。
2. 运行以下命令来安装 `vuedraggable`:
```
npm install vuedraggable
```
3. 在你的 Vue 组件中,通过 `import` 引入 `vuedraggable`:
```javascript
import draggable from 'vuedraggable'
```
4. 在你的组件中使用 `vuedraggable`:
```html
<template>
<div>
<draggable v-model="list">
<div v-for="item in list" :key="item.id">{{ item.name }}</div>
</draggable>
</div>
</template>
<script>
export default {
components: {
draggable
},
data() {
return {
list: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
]
}
}
}
</script>
```
这样就完成了在 Vue 3 中安装和使用 `vuedraggable` 的过程。记得在项目中导入 `draggable` 组件并在需要拖拽功能的地方使用它。
阅读全文