JSON展示

例子

JSON展示 - 图1

data放json对象,level为展开到第几节点

  1. <avue-json-tree :data="data" ></avue-json-tree>
  2. <script>
  3. export default {
  4. data() {
  5. return {
  6. data:{
  7. "pigx-upms": {
  8. "id": "pigx-upms",
  9. "predicates": [{
  10. "name": "Path",
  11. "args": {
  12. "_genkey_0": "/admin/**"
  13. }
  14. }],
  15. "filters": [{
  16. "name": "RequestRateLimiter",
  17. "args": {
  18. "key-resolver": "#{@remoteAddrKeyResolver}",
  19. "redis-rate-limiter.replenishRate": "10",
  20. "redis-rate-limiter.burstCapacity": "20"
  21. }
  22. }, {
  23. "name": "Hystrix",
  24. "args": {
  25. "name": "default",
  26. "fallbackUri": "forward:/fallback"
  27. }
  28. }],
  29. "uri": "lb://pigx-upms",
  30. "order": 0
  31. }
  32. }
  33. };
  34. }
  35. }
  36. </script>

Avue-json Option Attributes

参数说明类型可选值默认值
datajson对象JSON--
rawjson字符串String--