Vue点击复制文本，vue中js实现点击复制文本到剪贴板

康620

于 2025-04-01 12:03:26 发布

阅读量133

点赞数 3

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_64634987/article/details/146908290

版权

<template>
    <div>
        <button @click="copyText">复制文本</button>
    </div>
</template>

<script>
    export default {
        methods: {
            copyText() {
                const text = 'Hello World';//要复制的文字
                const textarea = document.createElement('textarea');
                textarea.value = text;
                document.body.appendChild(textarea);
                textarea.select();
                document.execCommand('Copy');
                document.body.removeChild(textarea);
                alert('已复制到剪贴板！');
            }
        }
    }
</script>