vue3使用vue-clipboard3 插件进行复制

不想上班只想要钱

于 2025-03-20 11:27:24 发布

阅读量496

点赞数 8

分类专栏： vue 前端 typescript 文章标签： vue.js 前端 typescript

本文链接：https://blog.csdn.net/Aa12364567/article/details/146392165

版权

前端同时被 3 个专栏收录

258 篇文章

订阅专栏

vue

116 篇文章

订阅专栏

typescript

12 篇文章

订阅专栏

vue3使用vue-clipboard3 插件进行复制

安装

npm i vue-clipboard3

引入

import { toClipboard } from 'vue-clipboard3';

复制函数

copyText = (text: string) => {
		return new Promise((resolve, reject) => {
			try {
				//复制
				toClipboard(text);
				//下面可以设置复制成功的提示框等操作
				ElMessage.success(t('message.layout.copyTextSuccess'));
				resolve(text);
			} catch (e) {
				//复制失败
				ElMessage.error(t('message.layout.copyTextError'));
				reject(e);
			}
		});
	};