vue 点击复制文本内容到剪切板——一键复制功能

1.使用vue插件

vue2下载

npm install --save vue-clipboard2

vue3下载

npm install --save vue-clipboard3

2.引入 

vue2

import clipboard2 from 'vue-clipboard2';

vue3

import clipboard3 from 'vue-clipboard3';

3.使用 

copy(){
   const { toClipboard } = clipboard3();
   // 在模板字符串里面可以使用 \n 换行内容
   let text = `账号：${res.data.account}\n密码：${res.data.password}`
   try {
       await toClipboard(text);
       ElMessage.success('复制成功!')
     } catch (error) {
       ElMessage.error("复制失败!")
     }
}