【问题标题】:[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 文件中。

          【讨论】:

            猜你喜欢
            • 2017-05-28
            • 2017-12-06
            • 2020-10-19
            • 2020-12-04
            • 2017-11-01
            • 2021-11-13
            • 2021-01-03
            • 2015-06-14
            • 2021-09-21
            相关资源
            最近更新 更多