美文网首页
vue 复制

vue 复制

作者: 戒烟少年 | 来源:发表于2022-05-09 17:20 被阅读0次
<el-button
   :disabled="!allData.getDataDicUsing.allowEdit"
   @click="copyTemplate(data)"
   size="mini"
   type="text">复制
</el-button>

// 复制模板内容
copyTemplate( data) {
   this.copyToClipboard(data); // 需要复制的文本内容
   this.$message.success('复制成功,注意带变量字段内容请自行替换!');
},

// 点击复制到剪贴板函数
copyToClipboard(content) {
    if (window.clipboardData) {
        window.clipboardData.setData('text', content);
    } else {
       (function (content) {
         document.oncopy = function (e) {
            e.clipboardData.setData('text', content);
            e.preventDefault();
            document.oncopy = null;
      }
    })(content);
   document.execCommand('Copy');
  }
},

相关文章

  • vue 复制

    第一步:下载clipboard 第二步:自建clipboard.js 第三步:在页面中的运用

  • vue 复制

  • vue 点击复制

    方法一点击复制 vue版 // cnp...

  • Vue学习(一)

    一、Vue 1.下载Vue 下载地址:cn.vuejs.org 2.引入Vue 创建vue.js,内容复制官网 3...

  • vue 复制功能

  • vue深复制

    Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。c...

  • Vue 点击复制

  • vue 复制文本

    注意:在192.168.xx.xx地址上使用这个方法获取不到clipboard,复制会失败。需要是localhos...

  • Vue 复制功能

  • vue复制路径

    点击复制 linkUrl(item){ let url = item.url;//拿到想要复制的值 let cop...

网友评论

      本文标题:vue 复制

      本文链接:https://www.haomeiwen.com/subject/sawhurtx.html