Vue 字符串实现JSON格式显示

2020-09-15  本文已影响0人  前端陈陈陈

前端有些需求需要将后端返回的字符转为json格式在列表页面显示,那么,可以直接用插件去实现。


图例

第一步: 安装 vue-json-viewer

npm install vue-json-viewer --save

// mac 电脑前面加sudo 

第二步:在使用页面引入、注册

import JsonViewer from "vue-json-viewer";


//
  components: {
    JsonViewer,
  },

第三步:标签使用:

  <json-viewer :value="jsonData" :expand-depth="2" copyable sort></json-viewer>

注:标签上的配置这里就不作解释了,可以去官网上看。

上一篇 下一篇

猜你喜欢

热点阅读