vue.draggable拖拽拿到数组title
时间: 2023-09-21 10:02:28 浏览: 263
js-array-playground:JavaScript数组游乐场
如果你正在使用 `vue.draggable` 插件,你可以使用 `@change` 事件来监听拖拽的变化,并且在事件处理函数中获取拖拽后的数组。以下是一个示例:
```html
<draggable v-model="title" @change="handleChange">
<div v-for="item in title" :key="item">{{ item }}</div>
</draggable>
```
```javascript
export default {
data() {
return {
title: ["Title 1", "Title 2", "Title 3"]
};
},
methods: {
handleChange(newOrder) {
// newOrder 变量包含拖拽后的数组
console.log(newOrder);
}
}
};
```
当你拖拽 `vue.draggable` 中的元素时,`handleChange` 方法会被调用,并且将拖拽后的数组作为参数传递给它。你可以在这个方法中使用这个数组来更新你的数据或执行其他操作。
阅读全文