저는 Vue JS에 대해 잘 모르기 때문에 JSON 어레이를 통해 공유 객체 프로펠러 값을 기반으로 여러 어레이를 만들 때 제공하는 기능을 사용하려고 합니다.이 JSON을 기반으로 합니다.
{
fields: [
{
"group": "group1",
"label": "label1",
"value": "value1",
},
{
"group": "group1",
"label": "label2",
"value": "value2",
},
{
"group": "group2",
"label": "label3",
"value": "value3",
},
{
"group": "group2",
"label": "label4",
"value": "value4",
},
], } “group”마다 다른 배열을 만들어야 하므로 “group1” 값에 대해 다른 배열을 만들어야 합니다. 그런 다음 “group2” 값이 되면 루프가 중지되고 모든 group2 객체의 새 배열을 만들어야 합니다.“그룹” 값은 무엇이든 될 수 있으므로 미리 알 수 없습니다.
이렇게 끝내야 해요.
group1Fields: [
{
"group": "group1",
"label": "label1",
"value": "value1",
},
{
"group": "group1",
"label": "label2",
"value": "value2",
} ], group2Fields: [
{
"group": "group2",
"label": "label3",
"value": "value3",
},
{
"group": "group2",
"label": "label4",
"value": "value4",
} ] 현재 어레이 매핑을 조사하고 있습니다.계산된 속성이나 메서드를 사용해도 도움이 됩니다.
현재 Vue의 루프에 대한 유튜브 채널 “LearnVue”를 공부하고 있습니다.https://www.youtube.com/c/LearnVue