vue3点击复制粘贴

本文主要是介绍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);
}

这篇关于vue3点击复制粘贴的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---