vue/原生js实现复制到剪切板的实现

1.vue中＋axios请求

axios({
	methods:"get",
	url:"/xxxxxx"
}).then(res=>{
	 if (data.status == 100) {
          console.log(data);
          const ele = document.createElement("input");
          // 设置元素内容
          ele.setAttribute("value", `${res.data.account_name}`);
          // 将元素插入页面进行调用
          document.body.appendChild(ele);
         // 复制内容
         ele.select();
         // 将内容复制到剪贴板
         document.execCommand("copy");
         // 删除创建元素
         document.body.removeChild(ele);
         alert("复制成功");
})

2. js直接实现

html
		<input  type="text" id="inp" />

js
		 var content =document.getElementById("inp").value
		  var ele = document.createElement("input");
          // 设置元素内容
          ele.setAttribute("value", content ); // content 就是复制到剪切版的内容
          // 将元素插入页面进行调用
          document.body.appendChild(ele);
         // 复制内容
         ele.select();
         // 将内容复制到剪贴板
         document.execCommand("copy");
         // 删除创建元素
         document.body.removeChild(ele);
         alert("复制成功");