vue3+js实现文字复制功能

使用三方插件

npm install --save vue-clipboard3

引入插件

<template>
<el-button @click="copyRuleCode(item)" > copy </el-button>
</template>

<script setup>
import useClipboard from 'vue-clipboard3'
const { toClipboard } = useClipboard()

// 复制认证码
const copyRuleCode = async (item) => {
	try {
        //item为要复制内容
		await toClipboard(item)
        //复制成功提示
		ElMessage({
			type: 'success',
			message: '复制成功',
		})
	} catch (e) {
        //复制失败回调
		console.error(e)
	}
}
</script>