vue 点击按钮复制input内容

方法:

例子: 复制 numbers 的值到剪切板

    <el-col :span="20" >
      <el-form-item label="服务器ID" label-width="120px">
        {{numbers}} 
       </el-form-item>
     </el-col>
     <el-col :span="4" align="center">
       <el-button type="primary" size="small" @click="fuzhi1">复制</el-button>
     </el-col>

fuzhi1(){
    var input = document.createElement("input");   // 直接构建input
    input.value = this.numbers;  // 设置内容 需要复制的内容
    document.body.appendChild(input);    // 添加临时实例
    input.select();   // 选择实例内容
    document.execCommand("Copy");   // 执行复制
    document.body.removeChild(input); // 删除临时实例
    alert("链接已复制成功")
    // this.$message({   // 这里提示语
   //     message: "链接已复制成功",
   //     type: 'warning'
    // });
}