vue实现复制功能

<span @click="copy()">复制</span>
value 的值为要复制的值,自己根据情况定,剩下的直接复制,如果要实现换行功能,把input换成textarea
复制代码
          copy(){

            try {
              let value =`微博热搜榜`
              var input = document.createElement('input')
              //将input的值设置为需要复制的内容
              input.value = value;
              //添加input标签
              document.body.appendChild(input)
              //选中input标签
              input.select()
              //执行复制
              document.execCommand('copy')
              //移除input标签
              document.body.removeChild(input)
              this.$message.success("复制成功");
            } catch (e) {
              this.$message.error("复制失败");
            }
          },
复制代码

 

posted @   从入门到入土  阅读(1007)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示