Vue一键复制

卑微小许_

已于 2023-03-16 17:29:14 修改

阅读量165

点赞数

文章标签： vue.js javascript 前端

于 2023-03-16 17:23:32 首次发布

本文链接：https://blog.csdn.net/xiaoxuya_/article/details/129592823

版权

第一步需要有个按钮

此处使用的elementUI

<el-button type="text" icon="el-icon-copy-document"  @click="doCopy()" ></el-button>

第二步直接在methods里定义方法

doCopy() {
            const input = document.createElement("input");
            input.value = "https://www.zhihu.com/"; //将需要复制的内容赋值给input框，此处也可以是变量自己直接赋值就好了
            document.body.appendChild(input);
            input.select(); //选中输入框
            document.execCommand("Copy"); //复制当前选中文本到前切板
            document.body.removeChild(input);
            this.$message.success("复制成功");
        }