vue复制粘贴文本，打开链接

最新推荐文章于 2024-07-12 17:32:43 发布

123秀敏

最新推荐文章于 2024-07-12 17:32:43 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 node.js

本文链接：https://blog.csdn.net/qq_42376171/article/details/124589850

版权

vue复制粘贴文本，打开链接

点击图标，复制链接，打开链接。页面上

<i class="el-icon-document-copy" style="margin-left: 20px" title="点击复制链接" @click="textCopy(url)"/>
<i class="el-icon-link" style="margin-left: 5px" title="点击打开原链接" @click="openUrl(url)"/>

方法里面

methods: {
        //粘贴板复制
        textCopy(text){
          var that =this;
          this.$copyText(text).then(function (e) {
            // console.log('复制成功',e.text)
            that.$message.success("复制成功")
          }, function (e) {
            that.$message.error(err)
          })
        },
        //浏览器打开链接
        openUrl(url){
          window.open(url,'_blank');
        }
}