如何在 Nuxt.js 中使用拖放插件？

Question

我正在寻找一个教程，教我如何在Nuxtjs的项目中实现像Vue-draggable smooth-dnd这样的拖放效果 。对于样式，我使用 Tailwind CSS。

Answer 1

如果您正在寻找平滑的拖放功能，您可以通过nuxt plugins安装vue-smooth-dnd包。

// nuxt.config.js
module.exports = {
  plugins: ['~/plugins/vue-smooth-dnd.js']
}

这样，就可以完全按照文档中的说明使用它。

编辑

实际上，看起来你可以直接将它用作（在你的.vue组件中）

import { Container, Draggable } from "vue-smooth-dnd"

无需更多配置。它将按组件划分范围，并且不会按尺寸爆炸。