vue 触发点击事件,实现代码拷贝

最新推荐文章于 2024-07-19 10:30:06 发布

Magic_小小阿昕

最新推荐文章于 2024-07-19 10:30:06 发布

阅读量2.5k

点赞数

分类专栏：事件触发文章标签：触发点击事件，实现代码拷贝

本文链接：https://blog.youkuaiyun.com/Amo__/article/details/89962743

版权

事件触发专栏收录该内容

1 篇文章

订阅专栏

<template>
    <div>
        <p class="grid" @click="copy(1)">222</p>
    </div>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        copy(item){
            const input = document.createElement('input')
            document.body.appendChild(input)
            input.setAttribute('value',item)
            input.select()
            if (document.execCommand('copy')) {
                document.execCommand('copy')
                this.open2()
            }
            document.body.removeChild(input)
        },
        open2() {
            this.$message({
                message: '复制成功',
                type: 'success'
            });
        }
    },
}

</script>

<style>
.grid{
    width: 20px;
    height: 20px;
    background: #0f0;
}
</style>