vue3 复制功能 clipboard3

最新推荐文章于 2024-06-21 09:46:52 发布

前端小芬芬

最新推荐文章于 2024-06-21 09:46:52 发布

阅读量714

点赞数

分类专栏： vue2 js 文章标签： vue.js vue

本文链接：https://blog.csdn.net/yf18040578780/article/details/131104004

版权

js 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

36 篇文章 1 订阅

订阅专栏

文章演示了如何在Vue应用中利用vue-clipboard3库和ElementPlus的ElMessageBox及ElMessage组件，实现从当前页面URL的复制功能。当复制成功或失败时，会显示相应的消息提示。

摘要由CSDN通过智能技术生成

// 下载
npm install clipboard3

import clipboard3 from 'vue-clipboard3';
import { ElMessageBox, ElMessage } from 'element-plus';

const { toClipboard } = clipboard3();


const copy = async () => {
	let url = window.location.origin + `/html/mct-pacs#/list-study`;
	try {
		await toClipboard(url);
		ElMessage.success('复制失败');
	} catch (error) {
		ElMessage.error('复制失败');
	}
};