Vue js 实现 copy内容到粘贴板

实现点击图标 copy 东西；

先记录在这，有机会学习、用、加强

<i
   class="el-icon-copy-document"
   @click="copyId(item0.tid)"
></i>

//复制父订单号
    copyId(id) {
      //创建input标签
      var input = document.createElement('input')
      //将input的值设置为需要复制的内容
      input.value = id
      //添加input标签
      document.body.appendChild(input)
      //选中input标签
      input.select()
      //执行复制
      document.execCommand('copy')
      //成功提示信息
      this.$message.success('复制成功!')
      //移除input标签
      document.body.removeChild(input)
    },

补充，资源包

import vueClipboards from 'vue-clipboards'
Vue.use(vueClipboards)

v-clipboard="yourStr || ''"
@click="
$message.success({
	howClose: true,
	message: '复制成功'
})
"