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上

相关推荐
鱼人18 分钟前
Web Components:未来的前端组件化标准?
前端
果汁华21 分钟前
Chrome DevTools MCP:让 AI 编码助手拥有浏览器调试超能力
前端·人工智能·chrome devtools
二月龙30 分钟前
移动端适配必杀技:Viewport与响应式布局全解
前端
大萝卜呼呼30 分钟前
Next.js第十七课 - 部署
前端·typescript·next.js
只会写Bug1 小时前
后台管理项目中关于新增、编辑弹框使用的另一种展示形式
前端·vue.js
weixin199701080161 小时前
《废旧物资商品详情页前端性能优化实战》
前端·性能优化
用户52709648744901 小时前
Vite 开发代理里的 `ws` 是什么,什么时候该开
前端
冰水不凉1 小时前
robot_localization实现imu和odom融合
前端·slam
M ? A1 小时前
Vue v-bind 转 React:VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
军军君011 小时前
数字孪生监控大屏实战模板:政务服务大数据
前端·javascript·vue.js·typescript·前端框架·echarts·less