Laravel 如何使用嵌套对象填充Vue下拉列表

我有这个json响应，想用下拉Vue填充“name”

{
    "code": 200,
    "message": "OK",
    "payload": [
        "grade",
        [
            {
                "id": 1,
                "name": "B",
                "desc": "test test test"
            }
            {
                "id": 2,
                "name": "B",
                "desc": "test test test"
            }
           
        ]
    ]
}

---

你想实现这样的目标吗

如果使用

v-for

并在选择选项中动态填充值，则可以执行此操作。因此，无论您的有效负载看起来像什么，您都可以将内容放在下拉列表中

Vue.createApp({
数据（）{
返回{
selectedName:“”，
有效载荷：[
[
{
“id”：1，
“姓名”：“约翰·多伊”
},
{
“id”：2，
“姓名”：“猫王”
}  
]
]
}
}
}).mount（“#选择名称”）

.demo{
字体系列：无衬线；
边框：1px实心#eee；
边界半径：2px；
填充：20px 30px；
边缘顶部：1米；
边缘底部：40px；
用户选择：无；
溢出-x：自动；
}

选择一个名称
{{user.name}


名称：{{selectedName}}

您想实现这样的目标吗

如果使用

v-for

并在选择选项中动态填充值，则可以执行此操作。因此，无论您的有效负载看起来像什么，您都可以将内容放在下拉列表中

Vue.createApp({
数据（）{
返回{
selectedName:“”，
有效载荷：[
[
{
“id”：1，
“姓名”：“约翰·多伊”
},
{
“id”：2，
“姓名”：“猫王”
}  
]
]
}
}
}).mount（“#选择名称”）

.demo{
字体系列：无衬线；
边框：1px实心#eee；
边界半径：2px；
填充：20px 30px；
边缘顶部：1米；
边缘底部：40px；
用户选择：无；
溢出-x：自动；
}

选择一个名称
{{user.name}


名称：{{selectedName}}

到目前为止，您尝试了什么？你遇到了什么困难？没有人会为您编写完整的代码。到目前为止，您尝试了什么？你遇到了什么困难？没有人会为你写完整的代码