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上

相关推荐
孜燃5 分钟前
Flutter APP跳转Flutter APP 携带参数
前端·flutter
脾气有点小暴17 分钟前
前端页面跳转的核心区别与实战指南
开发语言·前端·javascript
lxh011323 分钟前
最长递增子序列
前端·数据结构·算法
vipbic29 分钟前
我封装了一个“瑞士军刀”级插件,并顺手搞定了自动化部署
vue.js·nuxt.js
Youyzq1 小时前
前端项目发布到cdn上css被编译失效问题rgba失效和rgb失效
前端·css·算法·cdn
Fantastic_sj1 小时前
Vue3相比Vue2的改进之处
前端·javascript·vue.js
vipbic2 小时前
解决npm publish的404/403和配置警告全记录
前端·npm·node.js
Bigger2 小时前
🚀 “踩坑日记”:shadcn + Vite 在 Monorepo 中配置报错
前端·react.js·vite
时光轻浅,半夏挽歌3 小时前
python不同格式文件的读写方式(json等)
python·json
冬男zdn3 小时前
优雅处理数组的几个实用方法
前端·javascript