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

本文主要是介绍vue-json-viewer组件 copyable失效，页面并不现实copy按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<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

解决方案：

  <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上

这篇关于vue-json-viewer组件 copyable失效，页面并不现实copy按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---