使用vue实现一个点击复制的功能
<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");

浙公网安备 33010602011771号