Vue实现一键复制功能

  methods: {
    copy (data) {
      let input = document.createElement('input')
      input.value = data
      input.id = 'creatDom'
      document.body.appendChild(input)
      input.select()
      document.execCommand('copy')
      document.body.removeChild(input)
    }
  }

调用方法代码如上，然后绑定需要执行当前方法的按钮

<button @click="copy(content)">复制内容</button>

以上这篇Vue实现一键复制功能,不需要任何结构内容直接复制，希望能给大家一个参考。

亲测以下浏览器是有效的。

谷歌浏览器 Chrome 版本 90.0.4430.212（正式版本） （64 位）

360安全浏览器13 版本号:13.1.1348.0|内核版本:86.0.4240.198