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上

相关推荐
星栈7 分钟前
Dioxus 的 `rsx!` 语法:如果你会 React,上手确实特别快
前端·前端框架
Momo__8 分钟前
TypeScript NoInfer<T>——精准控制泛型推断的工具类型
前端·typescript
lichenyang45342 分钟前
从 Web 容器开始,理解 ASCF 元服务开发
前端
用户059540174461 小时前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css
假如让我当三天老蒯1 小时前
回归基本功!前端的解构赋值、扩展运算符、剩余参数
前端·面试
bonechips2 小时前
JS 数组指南:从内存原理到二维矩阵
前端·javascript
亿元程序员2 小时前
美术妹子让我给模型加个描边,我差点把Cocos卸了
前端
IT_陈寒2 小时前
React的useEffect依赖数组把我坑惨了,真相其实很简单
前端·人工智能·后端