vue3实现点击复制

14332231

已于 2023-11-01 15:34:54 修改

阅读量600

点赞数

文章标签：前端 vue.js javascript

于 2023-09-05 09:30:33 首次发布

本文链接：https://blog.youkuaiyun.com/m0_59967992/article/details/132684578

版权

代码部分

<template>
    <div>
        <button @click="handleCopy">点我复制</button>
    </div>
</template>

const handleCopy= () => {
    const text = '需要复制的文本';
    navigator.clipboard.writeText(text)
        .then(() => {
        // 复制成功的逻辑
        console.log('复制成功')
        })
        .catch((error) => {
        // 复制失败的逻辑
        console.error('复制失败：', error);
    });
}