VUE实现点击复制

发布：HelloJq 时间：2025-04-01

使用了vue2中“vue-clipboard2”这个插件

第一步，我们先安装依赖

npm install vue-clipboard2

第二步，我们去main.js中引入

import VueClipBoard from 'vue-clipboard2';
Vue.use(VueClipBoard);

第三步，自定义点击按钮，在methods中写上点击事件

copyBtn(val){
  this.$copyText(val).then(
    function(e) {
      alert('复制成功');
    },
    function(e) {
      alert('复制失败，请重试');
    }
  );
}

这样，点击复制功能就实现了