js 复制内容到粘贴板

最新推荐文章于 2024-07-26 21:05:01 发布

唐屁屁儿

最新推荐文章于 2024-07-26 21:05:01 发布

阅读量205

点赞数

分类专栏： JS vue 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_44169843/article/details/126642115

版权

JS 同时被 2 个专栏收录

22 篇文章

订阅专栏

vue

17 篇文章

订阅专栏

本文介绍了一个简单的Vue.js组件，展示了如何使用JavaScript实现点击事件，让开发者能够轻松复制用户ID。通过`getElementById`获取元素并利用`document.execCommand('Copy')`功能，实现快速复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接贴上代码块！

<template>
    <div id="copyId" @click="copyId"> {{ userInfo.id }} </div>
</template>

<script>
methods: {
    copyId() {
        var text = document.getElementById('copyId')
        window.getSelection().selectAllChildren(text)
        document.execCommand('Copy')
        console.log('复制成功')
    }
}
</script>