sortablejs在vue中使用 问题
时间: 2023-11-20 16:05:35 浏览: 225
Vue中使用Sortable的示例代码
属于技术问题,可以回答。您可以参考以下代码:
首先,在vue组件中引入sortablejs:
```javascript
import Sortable from 'sortablejs';
export default {
mounted() {
var el = this.$refs.sortable;
this.sortable = Sortable.create(el, {
/* 可以设置一些Sortable.js的配置 */
});
},
beforeDestroy() {
this.sortable.destroy();
}
}
```
然后在模板中使用:
```html
<template>
<ul ref="sortable">
<li v-for="item in items" :key="item.id">{{ item.text }}</li>
</ul>
</template>
```
注意:要确保在组件销毁前调用`destroy()`方法,以避免内存泄漏问题。
阅读全文