In the background with many-to-many query data with vue.js loop display only to the second layer, do not know what to do, beg boss

beginner vue.js
this is the display result. I want to display userName from inside, but I can"t show it. I have an extra user. How can I fix this? ask the boss for help

{"activityId":6,"activityName":"","activityCreateTime":"Feb 22, 2019 12:00:00 AM","activityTime":"Feb 13, 2019 12:00:00 AM","activityContent":"","user":[{"user":[{"userId":6,"userName":"","password":"2222","roleId":0,"activityId":0,"departmentId":0,"userScheId":0,"gradeId":0}]},{"user":[{"userId":7,"userName":"jiao","password":"1111","roleId":0,"activityId":0,"departmentId":0,"userScheId":0,"gradeId":0}]}]}****

Page display

<tr v-for="(obj, index) in dataList" v-if="index>=0&&index<dataList.length">
                    <td><input type="checkbox" name="id" :value="obj.activityId" /></td>
                    <td>{{index+1}}</td>
                    <td>{{obj.activityName}}</td>
                    <td>{{obj.activityCreateTime}}</td>
                    <td>{{obj.activityTime | formatDate}}</td>
                    <td>{{obj.activityContent}}</td>
                    <td><li v-for="(us,index) in obj.user" >{{us.user.userName}}</li></td>

Java vue.js

Jul.06,2022

first of all, if you don't miss it, the outermost dataList is not an array, so there is no loop.
and then there are two arrays with double loops
if it's missing, the last td is also doubly looped as follows: then why does your data structure look like this?

<ul v-for="(us,index) in dataList.user" >
    <li v-for="userList in us.user">
        {{userList.userName}}
    </li>
</ul>

Previous: Could you tell me how to remove the top bar of iview-admin?

Next: Vue does not use show if to control cube translation

The novice rookie asks how to save the value calculated by computed for the first time in vue?
for example, an element-ui el-slider slider calculates the v-model value of the slider through computed, and the return value changes when the slider is dragged. How to save the initial slider s calculated return value at the left end? ...

Element-ui java vue.js

Mar.07,2021
Vuecli packaged items are placed on the server icon font display box?
problem description vuecli packaged items are placed in the icon font display box on the java server. There is no problem with the web service access icon from http-server under the local dist folder. cssurl(.. .. static fonts fa-solid-900.00ddaed...

Webpack vue-cli javsscript java vue.js

Mar.24,2021
The foreground project built by vue is packaged and put into the Spring Boot background. The page cannot be accessed directly, and can only be accessed through the home menu.
the foreground project built by vue is packaged and put into the Spring Boot background. But can not directly access the page, can only click through the home menu to enter the jump. (before packing, the front desk can visit the page directly through th...

Java vue.js vue-router springboot

Apr.02,2021
Vue uses axios to call API problem
the front-end vue calls the java API through axios, using springboot+jwt, to request with post. When there is a token, request in the headers, it will become options, and report 401. I looked for it on the Internet and said that it was a pre-check reque...

Springboot jwt axios java vue.js

Aug.24,2021
The file downloaded by vue+axios through POST request is garbled.
units are now separated from each other, and then get stuck in downloading files. Sincerely ask for advice or give directions . Baidu Google and everything have been searched for a long time. I don t know if the keyword is wrong or everyone s environ...

Vue-router axios java vue.js

Nov.02,2021
Vue did not receive the background message using sockjs,.
import SockJS from sockjs-client ; import Stomp from stompjs ; connection() { this.socket = new SockJS( http: 192.168.6.67:8081 endpoint ); this.stompClient = Stomp.over(this.socket); ...

Sockjs java vue.js javascript

Dec.17,2021