element [Bug Report] 使用$msgbox后，document.execCommand('Copy')失效，无法复制

py49o6xq 于 4个月前发布在其他

关注(0)|答案(2)|浏览(58)

Element UI version

2.15.13

OS/Browsers version

mac chrome浏览器不限制版本

Vue version

2.7.14

Reproduction Link

https://codepen.io/nihaojob/pen/qBMVzao

Steps to reproduce

点击“ 点击打开 Message Box” 按钮后，再点击复制无法复制，直接点击同级别复制按钮可复制。

What is Expected?

点击复制后，应该可以正常复制。

What is actually happening?

使用 $msgbox 方法后，document.execCommand('Copy')失效，无法复制。猜测可能是这句代码导致，但是没有debug调试 https://github.com/ElemeFE/element/blob/dev/packages/message-box/src/main.vue#L259。

Element

来源：https://github.com/ElemeFE/element/issues/22437

2条答案

按热度按时间

falq053o1#

可以尝试使用 $message 或者使用 navigator.clipboard.writeText() 代替 document.execCommand('copy')

赞(0）回复(0）举报 4个月前

fivyi3re2#

可以尝试使用 $message 或者使用 navigator.clipboard.writeText() 代替 document.execCommand('copy')

navigator.clipboard.writeText()只适用于localhost和https，http不能用