您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

vue实现点击复制功能

废话不多说,直接上代码

html部分

<template>
	<dvi>
		<div @click="">今天星期三<div>
	</div>
</template>

js部分


<script>
export default {
  data() {
    return {
		url:"http://www.4399.com/"
	};
  },
  methods: {
    copyText() {
      var input = document.createElement("input"); // js创建一个input输入框
      input.value = this.url; // 将需要复制的文本赋值到创建的input输入框中
      document.body.appendChild(input); // 将输入框暂时创建到实例里面
      input.select(); // 选中输入框中的内容
      document.execCommand("Copy"); // 执行复制操作
      document.body.removeChild(input); // 最后删除实例中临时创建的input输入框,完成复制操作
      this.$message({
        message: "复制成功",
        type: "success",
      });
    },
  },
};
</script>


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进