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 @ 2022-05-31 18:06  从入门到入土  阅读(1003)  评论(0编辑  收藏  举报