vue实现复制内容到剪切板

阅读数:4 评论数:0

跳转到新版页面

分类

html/css/js

正文

方法一:execCommand('Copy')

(function () {
      document.oncopy = function (e) {
            e.clipboardData.setData('text', '要复制的内容');
            e.preventDefault();
            document.oncopy = null;
      }
})('要复制的内容');
document.execCommand('Copy');

方法二:vue-clipboard2

[main.js]
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard )

使用

this.$copyText('要复制的内容').then(function (e) {
     console.log('【复制成功】', e)
  }, function (e) {
     console.log('【复制失败】', e)
})