vue3-json-viewer的复制功能无效

问题描述

使用 vue3-json-viewer 查看 JSON 格式的数据，但是点击右上角的复制按钮无法将数据复制到操作系统的剪贴板。

发现问题

假如自带有此功能，那么浏览器应该有 Error 级别的日志，但是查看控制台只发现了 Warning 的日志如下：

事实加上 @copied 后依然存在此警告。

解决

给 JsonViewer 组件增加 @copied ：

<JsonViewer :value="jsonData" copyable sort boxed theme="dark" :expand-depth="3" expanded @copied="copyData" // 这里新加的 > <template v-slot:copy="{copied}"> <span v-if="copied">已复制</span> <span v-else>复制</span> </template> </JsonViewer> function copyData(cpd) { navigator.clipboard.writeText(cpd.text) }

就可以复制了，但是依然会有上面的警告，不知道原因。