javascript - 在 Vue.js 中显示整个对象

Question

问题在于:我需要显示并可能更改 JSON。我想将其显示为目录树。我不知道对象会是什么样子。它可以是这样的:

"buttons": {
    "login": "LOGIN",
    "register": "REGISTER",
    "next": "Next",
},
"nav": {
    "account": "Acount",
    "login": "Login"
},

但有时它可以是这样的:

"register": {
    "user": "User",
    "email": "E-mail",
    "language": {
        "en": "English",
        "de": "German",
        "es": "Spanish",
    }
},
"blog": {
    "search": "SEARCH",
    "comments": "COMMENTS"
},

问题是我不知道嵌套的程度。我已经编写了解析器并将其解析为对象，但我不知道如何在现场显示它。

Answer 1

你会使用图书馆吗？

用 View 显示 JSON。我使用非常好的库 https://leezng.github.io/vue-json-pretty/.

它接受任何形式的 json 作为参数。

很好的延续。