美文网首页
实现复制功能

实现复制功能

作者: 有一个程序媛 | 来源:发表于2020-11-16 14:31 被阅读0次

html代码:

<el-input  id="copy" style="width: 400px;" readonly  v- model="linkUrl">       

         <template slot="append">         

                 <span class="pointer" @click="copyAdress">复制</span>     

         </template>      

</el-input>

js代码:要写select(),不然复制不了

copyAdress() {

      var copy = document.getElementById('copy')

      copy.select()

      document.execCommand('copy')

      this.$message.success(this.$t('message.copyMsg'))

}

相关文章

网友评论

      本文标题:实现复制功能

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