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

【问题标题】：[Vue warn]: Failed to resolve directive: clipboard[Vue 警告]：无法解析指令：剪贴板
【发布时间】：2018-01-04 04:35:43
【问题描述】：

我正在使用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'
      }
    }
  }

【问题讨论】：

标签： vue.js nuxt.js

【解决方案1】：

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

您可以在 main.js 文件中添加组件来解决它。通过这样做，您将使其全球化。

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

最好的问候

【讨论】：

【解决方案2】：

你必须导入 Vue 并使用它

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

Vue.use(vueClipboards)

...

别忘了删除components: { VueClipboards },

【讨论】：

【解决方案3】：

从'vue-clipboards'导入vueClipboards

Vue.use(vueClipboards)

将它导入到主要组件中，它对我有用！！

【讨论】：

【解决方案4】：

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

【讨论】：