vue复制粘贴

最新推荐文章于 2023-07-14 10:36:23 发布

前端菜鸟。

最新推荐文章于 2023-07-14 10:36:23 发布

阅读量182

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_41839808/article/details/107765332

版权

vue-clipboard2文档：https://www.npmjs.com/package/vue-clipboard2

1. 安装vue-clipboard2

 npm install --save vue-clipboard2

2. 在main.js中添加

import VueClipboard from 'vue-clipboard2'
VueClipboard.config.autoSetContainer = true;
Vue.use(VueClipboard)

3. 在组件中使用

 <el-tooltip effect="dark" content="点击复制" placement="top-start">
   <span
     class="blue mouse-hover"
     v-clipboard:copy="copyUrl"
     v-clipboard:success="() => $message.success('复制成功')"
     v-clipboard:error="() => $message.success('复制失败')"
   >{{copyUrl}}</span>
 </el-tooltip>