vuetify에서 객체의 값을 표시하기 위해 v-for를 사용하려는 시도

Question

<p>사용자가 데이터베이스에서 일부 테이블을 선택할 수 있고 테이블의 열 이름이 v-list-item 구성 요소에 자동으로 표시되는 함수를 Vue.js에서 작성 중입니다. 문제는 이러한 열 이름을 좋은 방법으로 인쇄할 수 없다는 것입니다. </p> <p>제가 사용한 코드는 다음과 같습니다. </p> <p> <pre class="brush:js;toolbar:false;"><v-list-item v-for="(item,index) in this.columns" :key="index"> <v-list-item v-for="ved in item" :key="ved.id"> <v-list-item-content> <v-list-item-title >{{ved}}</v-list-item-title> </v-list-item-content> </v-list-item> </v-list-item> <스크립트> 기본값 내보내기 { 데이터() { 반품 { 열:{}, }; }, } </p> <p>코드를 더욱 깔끔하게 보이도록 메소드와 기타 변수를 포함하지 않았습니다. </p> <p>예를 들어, 데이터베이스에서 2개의 테이블을 선택했는데, 하나는 열이 1개만 있고 다른 하나는 열이 3개 있는 경우 이 코드에서 얻은 결과는 다음과 같습니다. </p> <인용문> <p>id //첫 번째 테이블의 열</p> </인용문> <인용문> <p>name, last_name,email // 두 번째 테이블의 열</p> </인용문> <p>하지만 두 번째 표의 열을 같은 행에서 쉼표로 구분하지 않고 별도로 인쇄하고 싶습니다. 내가 원하는 결과는 다음과 같습니다(숫자 제외). </p> <올>

id //첫 번째 열

name //두 번째 열

성

이메일

</ol> <p>Axios 요청에서 얻은 결과는 다음과 같습니다.</p> <인용문> <p>[ [ "ID" ], [ "이름", "성", "이메일" ] ]</p> </blockquote></p>

Answer 1

항목을 목록 항목으로 사용하여 이 두 배열을 목록

으로 생각할 수 있습니다. 으아악