vue注册全局复制文本的指令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 复制文本
copy(el) {
el.onclick = function () {
if (!el.innerText) return;

let textarea = document.createElement("textarea");
textarea.readOnly = 'readonly';
textarea.value = el.innerText;
el.appendChild(textarea);
textarea.select();
const result = document.execCommand("Copy");
if (result) {
ELEMENT.Message.success('已复制');
} else {
ELEMENT.Message.info('复制失败');
}
el.removeChild(textarea);
}
}

使用:<div v-copy>1111111111111</div>

全局指令


vue注册全局复制文本的指令
https://github.com/chergn/chergn.github.io/5b7a8951a24f/
作者
全易
发布于
2024年3月28日
许可协议