vue前端使用json-viewer进行json展示

第一步：$ npm install vue-json-viewer --save 进行下载第二步：在配置文件中导入，import JsonViewer from ‘vue-json-viewer’，并使用Vue.use(JsonViewer)第三步：直接使用，jsonData为json串属性说明：属性描述默认值expand-depth展开层数1value数据源json串必填json串copyabl

Litluecat

2999人浏览 · 2020-07-21 17:58:49

Litluecat · 2020-07-21 17:58:49 发布

第一步：$ npm install vue-json-viewer --save 进行下载
第二步：在配置文件中导入，import JsonViewer from ‘vue-json-viewer’，并使用Vue.use(JsonViewer)
第三步：直接使用json-viewer标签
属性说明：

属性	描述	默认值
expand-depth	展开层数	1
value	数据源json串	必填json串
copyable	复制按钮	false
sort	排序	false

例如：<json-viewer :value="jsonData" :expand-depth=1 copyable></json-viewer>

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^