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

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);
			}
		});
	};