vue实现点击复制简单版

最新推荐文章于 2024-05-06 22:00:39 发布

曲小强

最新推荐文章于 2024-05-06 22:00:39 发布

阅读量93

点赞数

分类专栏： Vue.js 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/quhongqiang/article/details/130205276

版权

Vue.js 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<el-button :icon="DocumentCopy" @click="copy">
	复制
</el-button>

const copy = () => {
        const text = `
app_secret：${data.clientSecret}
密钥：${data.sign}
私钥：${data.privateKey}
            `
        const input = document.createElement('input');
        input.setAttribute('readonly', 'readonly');
        input.setAttribute('value', text);
        document.body.appendChild(input);
        input.select();
        if (document.execCommand('copy')) {
            document.execCommand('copy');
            ElMessage.success('复制成功');
        }
        document.body.removeChild(input);
    };