1.这是我写的项目用到的代码
<template>
<textarea
ref="letters"
@click="copyToClipboard(‘letters‘)"
readonly="readonly"
autocomplete="off"
maxlength="99999"
class="el-textarea__inner"
style="resize: none; min-height: 75px; height: 75px;"
>
https://spl438.wx.lppoll.com/act?act=27944
</textarea>
</template>
data() {
return {
loading: false
}
},
methods:{ //复制内容到粘贴板 copyToClipboard(elemRef) { let target; let succeed = false; if(this.$refs[elemRef]){ target = this.$refs[elemRef]; // 选择内容 let currentFocus = document.activeElement; target.focus(); target.setSelectionRange(0, target.value.length); // 复制内容 try { succeed = document.execCommand("copy"); alert("内容复制成功"); } catch (e) { succeed = false; } // 恢复焦点 if (currentFocus && typeof currentFocus.focus === "function") { currentFocus.focus(); } } return succeed; } }
这是参考文档
<template>
<div>
<textarea ref="letters"></textarea>
<button @click="copyToClipboard(‘letters‘)">复制</button>
</div>
</template>
<script>
export default {
data() {
return {
loading: false
}
},
created() {
this.$nextTick(function () {
this.$refs.letters.value = ‘用户名：张三\n性别：男\n电话号码：15812322222‘;
})
},
methods: {
//复制内容到粘贴板
copyToClipboard(elemRef) {
let target;
let succeed = false;
if(this.$refs[elemRef]){
target = this.$refs[elemRef];
// 选择内容
let currentFocus = document.activeElement;
target.focus();
target.setSelectionRange(0, target.value.length);
// 复制内容
try {
succeed = document.execCommand("copy");
alert("内容复制成功");
} catch (e) {
succeed = false;
}
// 恢复焦点
if (currentFocus && typeof currentFocus.focus === "function") {
currentFocus.focus();
}
}
return succeed;
},
}
}
</script>
参考文档地址：https://www.cnblogs.com/yeqrblog/p/9571129.html
原文：https://www.cnblogs.com/lilamisu/p/13895809.html