前端复制到剪切板

今天遇到一个点击复制的功能，查找了下资料，代码如下：

<el-button @click="copy(text)" size="mini" type="parimary">复制</el-button>

copy(val) {
      // 模拟  输入框
      let cInput = document.createElement('input')
      cInput.value = val
      document.body.appendChild(cInput)
      cInput.select() // 选择文本框内容
      // 执行浏览器复制命令
      //复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签）
      //Input 要再正常的编辑状态夏原生复制方法才会生效
      document.execCommand('copy')
      this.$message({
        type: 'success',
        message: '复制成功',
      })
      // 复制成功后再将构造的标签 移除
      document.body.removeChild(cInput)
    },

效果如下：