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

monwx1rj 于 2022-11-30 发布在 Vue.js

关注(0)|答案(5)|浏览(91)

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

来源：https://stackoverflow.com/questions/48088729/vue-warn-failed-to-resolve-directive-clipboard

5条答案

按热度按时间

2mbi3lxu1#

此处提到了相同的问题：https://github.com/Inndy/vue-clipboard2/issues/4
您可以通过在main.js文件中添加组件来解决这个问题。这样做，您就可以使它成为全局的。
https://vuejsfeed.com/blog/copy-texts-to-clipboard-using-vue-clipboard2
顺祝商祺

赞(0）回复(0）举报 2022-11-30

huwehgph2#

您必须导入Vue并使用它

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

Vue.use(vueClipboards)

...

不要忘记删除components: { VueClipboards },

赞(0）回复(0）举报 2022-11-30

ar5n3qh53#

从“vue-clipboards”导入vue-clipboards
查看使用（查看剪贴板）
导入到主要组件，它为我工作！！

赞(0）回复(0）举报 2022-11-30

8gsdolmq4#

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

赞(0）回复(0）举报 2022-11-30

zlhcx6iw5#

I got the same error here
解决方法

import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);

赞(0）回复(0）举报 2022-11-30

我来回答

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

5条答案

相关问题

热门标签

最新问答