与风一起 2019-05-23 14:20 采纳率: 0%
浏览 649

vue用button实现粘贴功能

已经写好了复制,现在不知道怎么用按钮粘上

    copyToClipboard(elemRef) {
    let target;
    let succeed = false;
    if(this.$refs[elemRef]){
      target = this.$refs[elemRef];
      // 选择内容
      let currentFocus = document.activeElement;
      target.focus();
      target.setSelectionRange(0, target.value.length);

      // 复制内容
      try {
        succeed = document.execCommand("copy");
        alert("内容复制成功");


      } catch (e) {
        succeed = false;


      }
      // 恢复焦点
      if (currentFocus && typeof currentFocus.focus === "function") {
        currentFocus.focus();
      }
    }
    return succeed;
  },

        <el-button 
        data-clipboard-text="copy" 
        @click="copyToClipboard('text')"
        type="primary" >Copy 
        </el-button>
  • 写回答

1条回答 默认 最新

  • Truriilin 2023-05-07 11:41
    关注

    copyToClipboard方法不应该定义在methods里面吗?

    评论

报告相同问题?

悬赏问题

  • ¥15 安装svn网络有问题怎么办
  • ¥15 Python爬取指定微博话题下的内容,保存为txt
  • ¥15 vue2登录调用后端接口如何实现
  • ¥65 永磁型步进电机PID算法
  • ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
  • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
  • ¥15 latex怎么处理论文引理引用参考文献