Question

我为我的英语致歉，英语不是我的母语。使用vue-smooth-dnd时遇到问题。代表了GitHub上的建议。（https://github.com/kutlugsahin/vue-smooth-dnd）

我将软件包放入了Nuxt应用程序，然后在插件中使用以下代码创建了文件。

import Vue from 'vue'; 
import VueSmooth from 'vue-smooth-dnd'; 
Vue.use(VueSmooth);

之后，我在nuxt.config中注册了插件，并开始在组件中使用vue-smooth-dnd。我包装了我的代码 container，甚至还有draggable中的每个孩子。我将@drop="onDrop"事件添加到container中，如文档所示。但是我没有任何结果。我究竟做错了什么？请告诉我如何在Nuxt JS中使用该库。

我的nuxt.config.js-文件

export default {
  mode: 'universal',
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  loading: { color: '#fff' },
  css: [
  ],
  plugins: [     { src: '~/plugins/muuri.js', ssr: false}, { src: '~/plugins/smooth.js', ssr: false}

  ],
  buildModules: [
    '@nuxtjs/tailwindcss',
  ],
  modules: [
  ],
  build: {
    extend (config, ctx) {
    }
  }
}

如何在Nuxt JS中使用vue-smooth-dnd？

0 个答案: