vuetify dialog组件使用clipboard.js 无效怎么办？

最新推荐文章于 2024-07-22 19:37:58 发布

1ron3Man

最新推荐文章于 2024-07-22 19:37:58 发布

阅读量720

点赞数 1

分类专栏： web前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_38099055/article/details/109241396

版权

web前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

在 vue + vuetify 项目中使用clipboard.js复制功能，普通组件都能正常使用，但是在<v-dialog>中无效，查找大量资料，有绑定ref，有使用vue-clipboard发现都不管用，最后使用如下execCommand原生方式解决复制问题:

 onCopy(str) {
      //vuetify 的dialog组件中使用插件clipboard.js无效 使用以下原生方式实现复制功能:
      str = this.shareUrl;
      const el = document.createElement("textarea");
      el.addEventListener("focusin", (e) => e.stopPropagation());
      el.value = str;
      document.body.appendChild(el);
      el.select();
      document.execCommand("copy");
      document.body.removeChild(el);
   },