[Vue警告]：无法解析指令：剪贴板

Question

我正在使用https://github.com/zhuowenli/vue-clipboards。但是，当我尝试这个时，它并没有起作用。我是vue和nuxt js的新手。并且控制台上显示[Vue warn]: Failed to resolve directive: clipboard错误。顺便说一下，我已经安装了剪贴板。

模板

<button v-clipboard='message'>Copy</button>

脚本

import VueClipboards from 'vue-clipboards'
export default {
  components: { VueClipboards },
  data () {
    return {
      message: 'asdad'
      }
    }
  }

Answer 1

这里提到同样的问题： https://github.com/Inndy/vue-clipboard2/issues/4

您可以在main.js文件中添加组件来解决此问题。通过这样做，你使它成为全球性的。

https://vuejsfeed.com/blog/copy-texts-to-clipboard-using-vue-clipboard2

祝你好运

Answer 2

您必须导入并使用Vue

import Vue from 'vue'
import vueClipboards from 'vue-clipboards'

Vue.use(vueClipboards)

...

别忘了删除components: { VueClipboards },

Answer 3

从“ vue-clipboards”导入vueClipboards

Vue.use（vueClipboards）

将其导入主要组件，对我有用！

Answer 4

即使在将其导入当前组件之前，我仍然删除了"components: { VueClipboards }"，但仍然无法正常工作。我只是将其导入到组件中，而不是将其导入到Main.js文件中。