vue-json-viewer组件 copyable失效,页面并不现实copy按钮

javascript 复制代码
<json-viewer :value="props.row.param_detail.query" :expand-depth="10" copyable>
</json-viewer>

官方文档中,说明,只要在json-viewer中加入 copyable属性,即可实现copy功能,如下图:
注意:这里我的页面右上角并没有出现copy按钮

最后通过官网的issue得出,这是个bug,我的版本是vue-json-viewer": "^2.2.22

解决方案:

javascript 复制代码
  <json-viewer :value="props.row.param_detail.query" :expand-depth="10" copyable>
         <template v-slot:copy>
           copy
         </template>
   </json-viewer>

在json-viewer中通过v-slot后,页面正常可以复制了,如下图

最后突出issue的解决方案:

地址:copyable 不生效是为什么 ·问题 #82 ·chenfengjw163/vue-json-viewer ·GitHub上

相关推荐
JinSo11 分钟前
Ultracite:为 AI 时代打造的零配置代码规范工具
前端·javascript·github
ZEGO即构开发者13 分钟前
WebRTC 实战:用即构 SDK 搭建 Web 端 1v1 视频通话(含完整流程与 Demo)
前端·音视频·webrtc
詹姆斯bind16 分钟前
基于Div contenteditable 属性 实现一个 “只读” 标签编辑器
vue.js·编辑器·contenteditable
爆浆麻花37 分钟前
为什么有些人边框不用border属性
前端·css
uhakadotcom40 分钟前
Next.js 从入门到精通(1):项目架构与 App Router—— 文件系统路由与目录结构全解析
前端·面试·github
LFly_ice1 小时前
学习React-22-Zustand
前端·学习·react.js
东华帝君2 小时前
vue3自定义v-model
前端
www_stdio2 小时前
用 localStorage 打造本地待办清单:一个轻量级的前端实践
javascript·css·json
JIngJaneIL2 小时前
远程在线诊疗|在线诊疗|基于java和小程序的在线诊疗系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·在线诊疗小程序
fruge2 小时前
搭建个人博客 / 简历网站:从设计到部署的全流程(含响应式适配)
前端