VUE实现JSON高亮和格式化
首先导入组件,在控制台执行 npm install vue-json-viewer --save在src/main.js中 导入下面两句import JSONView from 'vue-json-viewer'Vue.use(JSONView)在template中写入下面代码,formatData是json字符串<json-viewer...
·
-
首先导入组件,在控制台执行
npm install vue-json-viewer --save
-
在src/main.js中 导入下面两句
import JSONView from 'vue-json-viewer' Vue.use(JSONView)
-
在template中写入下面代码,formatData是json字符串
<json-viewer :value="formatData" :expand-depth="5" copyable boxed sort ></json-viewer>
-
最后的效果如下
-
详细的vue-json-viewer使用可以看这里 https://www.npmjs.com/package/vue-json-viewer
更多推荐
已为社区贡献5条内容
所有评论(0)