js复制粘贴

万能H5复制粘贴

copy(data){
		let url = data
      let oInput = document.createElement('textArea')
      oInput.value = url
      document.body.appendChild(oInput)
      oInput.select() // 选择对象;
      console.log(oInput.value)
      document.execCommand('Copy') // 执行浏览器复制命令
      this.$message.success('复制成功')
      oInput.remove()
}

新方法

	 npm install --save vue-clipboard2

      main.js引入
      import VueClipboard from 'vue-clipboard2'
      Vue.use(VueClipboard)



      <input type="text" id="share" v-model="share" class="hide">
      <button
        v-clipboard:copy="share"       //复制的内容
        v-clipboard:success="onCopy"    // 复制成功的回调
        v-clipboard:error="onError"
      >复制分享链接</button>


   // 点击复制分享链接
    onCopy(e) {
      this.$toast("复制成功");
    },
    onError(e) {
      this.$toast("复制失败");
    }