vue/js实现点击复制效果

最新推荐文章于 2024-07-13 19:55:20 发布

心若猛虎

最新推荐文章于 2024-07-13 19:55:20 发布

阅读量97

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44278376/article/details/130577059

版权

vue/js实现点击复制效果
直接上js部分

copyContent(){
	  let input = document.createElement("input"); //创建input标签
      input.value = '复制的内容'; //填充值
      document.body.appendChild(input); //生效
      input.select(); //选中值
      document.execCommand("copy"); //复制
      this.$message({
        message: "复制成功",
        type: "success",
      }); // 用element-ui进行一个提示
      input.remove(); //清除元素
}