vue-json-viewer 组件,简单易用的json内容展示组件,可以伸缩

https://www.npmjs.com/package/vue-json-viewer

https://github.com/chenfengjw163/vue-json-viewer/blob/master/README_CN.md

使用 npm:
$ npm install vue-json-viewer --save

使用 yarn:
$ yarn add vue-json-viewer

使用:

import JsonViewer from 'vue-json-viewer'
components: 
{
	JsonViewer
}
<json-viewer 
v-if="isJson(scope.row.xxx)" 
:value="JSON.parse(scope.row.xxx)" 
style="line-height: 18px">
</json-viewer>

判断字符串是不是json

示例:
在这里插入图片描述在这里插入图片描述

Logo

前往低代码交流专区

更多推荐