使用vue实现一个点击复制的功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app">
  <button @click="copyText">复制</button>
  <input type="text" v-model="textToCopy" />
</div>
new Vue({
  el: "#app",
  data: {
    textToCopy: "这是需要复制的文本内容"
  },
  methods: {
    copyText() {
      const textArea = document.createElement("textarea");
      textArea.value = this.textToCopy;
      document.body.appendChild(textArea);
      textArea.select();
      document.execCommand("copy");
      document.body.removeChild(textArea);
      alert("已成功复制文本!");
    }
  }
});

  

新开窗口的功能

window.open("https://www.example.com", "_blank");

posted @   cheakceep  阅读(175)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示