前端实现复制功能

最新推荐文章于 2024-03-19 19:45:18 发布

hibiscusxin

最新推荐文章于 2024-03-19 19:45:18 发布

阅读量201

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_41838435/article/details/125276739

版权

前端 javascript html5

javaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

前端实现复制功能

<span class="el-icon-copy-document icon-text" @click="copyIt(curlName)"></span>

exprot default {
	data() {
        curlName: 'www.baidu.com'
    },
    methods: {
         // 复制
        copyIt(item) {
              let oInput = document.createElement("input");
              oInput.value = item;
              document.body.appendChild(oInput);
              oInput.select();
              document.execCommand("Copy"); // 执行浏览器复制命令
              oInput.remove();
              this.$message({
                message: "复制成功",
                type: "success",
              });
        },
    }
}