82- vue3番外- 点击复制功能

最新推荐文章于 2024-05-07 10:23:16 发布

一个微不足道的bug

最新推荐文章于 2024-05-07 10:23:16 发布

阅读量475

点赞数 9

分类专栏： Vue学习笔记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_58250910/article/details/135769944

版权

Vue学习笔记专栏收录该内容

82 篇文章 2 订阅

订阅专栏

1. 安装clipboard-polyfill

npm install clipboard-polyfill --save

2. 定义点击事件

<el-button style="margin-left: 10px" @click="copy_data(url)">复制</el-button>

3. 点击复制

<script setup>
// 引入组件
import * as clipboard from 'clipboard-polyfill'

// 复制功能
const copy_data = (url) => {
  clipboard
    .writeText(url)
    .then(() => {
      console.log('文本已复制')
    })
    .catch((error) => {
      console.error('复制文本失败:', error)
    })
}
</script>