Javascript 在Vue.js中显示整个对象

问题是： 我需要显示并可能更改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"
},

但有时可能是这样的：

"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"
},

---

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

您可以使用带有计算属性的

textarea

（带有getter和setter）作为

v-model

大概是这样的：

"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"
},

导出默认值{
数据（）{
返回{
my_JSON:{}//在这里导入您的JSON
}
},
计算：{
my_JSON_模型：{
得到（）{
返回JSON.stringify（this.my_JSON，null，“\t”）
},
设置（val）{
this.my_JSON=JSON.parse（val）；
}
}
}
}

您可以使用带有计算属性（带有getter和setter）的

textarea

作为

v-model

大概是这样的：

"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"
},

导出默认值{
数据（）{
返回{
my_JSON:{}//在这里导入您的JSON
}
},
计算：{
my_JSON_模型：{
得到（）{
返回JSON.stringify（this.my_JSON，null，“\t”）
},
设置（val）{
this.my_JSON=JSON.parse（val）；
}
}
}
}

你能用图书馆吗

显示带有视图的JSON。我使用非常好的图书馆

它将任何形式的json作为参数

很好的延续。

你能用图书馆吗

显示带有视图的JSON。我使用非常好的图书馆

它将任何形式的json作为参数

---

很好的延续。

试试JSON.stringify（yourJSON，null，'\t'）；或JSON.stringify（yourJSON，null，）；它的工作，但并不完全如我所愿，我现在如何更改objecttry JSON.stringify（yourJSON，null，'\t'）的值；或JSON.stringify（yourJSON，null，）；它的工作，但不完全是我想要的，我现在可以如何更改该对象的值我可以，但它允许我编辑该json上的值？你可以在该对象上做你想做的事情。它只是Json对象与显示器的数据绑定。您始终可以进行计算或更改其值。如果你改变它，你的显示值也会改变。你能帮我处理这个库吗？我不知道如何使用这个更高的未来（获取数据），我无法从文档中找出我做错了什么。是的，但我需要更多关于您的代码和收到的错误的详细信息。谢谢，我将等待答案！我可以，但它允许我编辑json上的值？您可以对对象执行任何操作。它只是Json对象与显示器的数据绑定。您始终可以进行计算或更改其值。如果你改变它，你的显示值也会改变。你能帮我处理这个库吗？我不知道如何使用这个更高的未来（获取数据），我无法从文档中找出我做错了什么。是的，但我需要更多关于您的代码和收到的错误的详细信息。谢谢，我将等待答案！