直播平台搭建源码，点击按钮复制input框里面的内容

直播平台搭建源码，点击按钮复制input框里面的内容

 

1

<el-input<br>        v-model="content"<br>        placeholder="请输入内容"<br>        readonly<br>        class="link-txt"<br>        id="copy-link"<br>      ></el-input><br>      <el-button<br>        class="copy-btn"<br>        @click="copyBtn"<br>        data-clipboard-action="copy"<br>        data-clipboard-target="#copy-link"<br>        >复制</el-button<br>      ><br>

​

data部分

 

1	<br>  data() {<br>    return {<br>    content：'123456',<br>    }<br> }<br>

 

方法

 

1

<br>  methods: {<br>    // 复制<br>    copyBtn() {<br>      var clipboard = new this.clipboard('.copy-btn')<br>      clipboard.on('success', (e) => {<br>        // this.$toast('复制成功')<br>        this.$message('复制成功')<br>        // 释放内存<br>        clipboard.destroy()<br>      })<br>      clipboard.on('error', (e) => {<br>        // this.$toast.error('复制失败')<br>        this.$message.error('复制失败')<br>        // 释放内存<br>        clipboard.destroy()<br>      })<br>    },<br> }

 

 以上就是 直播平台搭建源码，点击按钮复制input框里面的内容，更多内容欢迎关注之后的文章