js实现el-select选中的文本,一键复制

发布时间 2023-12-20 10:09:48作者: IT小姐姐
<div class="invite-buttom">
           请选择要复制的网站:
            <el-select v-model="webValue" placeholder="请选择要复制的网站">
              <el-option
                v-for="item in formUrl.webInviteUrl"
                :key="item.name"
                :label="item.name"
                :value="item.webInviteUrl">
              </el-option>
            </el-select>
          <div class="invite-btn" @click="copyToClip">复制链接</div>
        </div>

methods中

//复制链接
    copyToClip(){
      let tempEle= document.createElement('input') // 创建一个输入框,先把要粘贴的值放进去
      tempEle.value = this.webValue// 赋值
      document.body.appendChild(tempEle)
      tempEle.select() // 对输入框中的内容进行选中
      let result = document.execCommand('Copy') // 浏览器复制方法
      if(result) {
        this.$message.success('复制成功')
      }
      document.body.removeChild(tempEle);
      this.webValue =''
    },