vue3点击复制粘贴

1、安装库并引入

npm i vue-clipboard3 --save

2.封装为一个函数

import useClipboard from 'vue-clipboard3';

const { toClipboard } = useClipboard();

	// 点击复制文本
	const 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);
			}
		});
	};

3.使用

import commonFunction from '/@/utils/commonFunction';

<el-button type="primary" @click="copyToClipboard(scope.row)">复制</el-button>

const { copyText } = commonFunction();

function copyToClipboard(row: any) {
	let arrStr = row.fcode;
	copyText(arrStr);
}