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

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

 

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

​

data部分

 

  data() {
    return {
    content：'123456',
    }
 }
 

 

方法

 

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

 

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