@hai2 lỗi này có nghĩa là bản thân cái subjects[x].reports[n - 1] của em đã không tồn tại rồi, e cần check lại xem vài điều:

• dữ liệu đã trả về chưa? nếu trả về rồi (tức subjects có tồn tại) thì mới thực hiện v-for đối với subjects
• check lại reports có tồn tại trong subject hay không ?
• check lại số lượng report có bằng số lượng day hay không ?
• ko cần thiết lắm nhưng có thể check thêm index khi for, kiểu dữ liệu trả về của các phần tử trong subjects (array or object) đã đúng hay chưa ?

@tiennguyen98 đây là nó không đọc được day ở trong subjects[x].reports[n - 1] mà chú?

@kiendinang

ở trên console báo lỗi này ạ

@hai2 thử thêm v-if="subjects != undefined" xem anh

@hai2 trên chrome console của e có hiện lỗi gì không ? số lượng reports trong mỗi subject có đúng bằng số subject.day không ?

máy lạnh tủ đứng daikin may lanh tu dung pana máy lạnh tủ đứng LG

@kiendinang tức là kết quả là: và em show ra

subjects[x].reports[n - 1]

thì trả về json đúng.

{ "id": 1, "content": "sdfd sfsd f", "link": "sdf sd", "test_link": "sd fsdf sd", "lesson": "sdfsd", "status": "sd", "day": 1, "user_id": 4, "subject_id": 1, "created_at": "2019-01-02 00:00:00", "updated_at": "2019-01-02 00:00:00", "review_id": 1, "review": "fsdfsdfds" }

. nhưng

subjects[x].reports[n - 1].day

thì lại là k có giá trị

Câu này hay quá anh "Đừng có tìm quy luật cho những thứ ngẫu nhiên" (like)

@vunguyen10111995 mình cho vào mounted() xong console.log(this.subjects) thì nó là undefined luôn =)

@kiendinang đây ạ

<tbody v-for="(subject, x) in subjects" :key="x">
                        <tr v-for="(n,index) in subject.day" :key="n">
                            <td>
                                <h3>{{ subject.name }}</h3>
                                ({{ subject.day }} day)
                                <hr>
                                <div>Day: {{ n }}</div>
                            </td>
                            <template v-if="subjects[x].reports[n - 1].day == n">
                                <td class="p-0 pl-1 pr-1">
                                    <div
                                        class="edittor"
                                        @click="edittingReport($event, subjects[x].reports[n - 1].id, 'content')"
                                        v-html="subjects[x].reports[n - 1].content"
                                    ></div>
                                </td>
                                <td class="p-0 pl-1 pr-1">
                                    <div
                                        class="edittor"
                                        @click="edittingReport($event, subjects[x].reports[n - 1].id, 'link')"
                                        v-html="subjects[x].reports[n - 1].link"
                                    ></div>
                                </td>
                                <td class="p-0 pl-1 pr-1">
                                    <div
                                        class="edittor"
                                        @click="edittingReport($event, subjects[x].reports[n - 1].id, 'test_link')"
                                        v-html="subjects[x].reports[n - 1].test_link"
                                    ></div>
                                </td>
                                <td class="p-0 pl-1 pr-1">
                                    <div
                                        class="edittor"
                                        @click="edittingReport($event, subjects[x].reports[n - 1].id, 'lesson')"
                                        v-html="subjects[x].reports[n - 1].lesson"
                                    ></div>
                                </td>
                                <td class="p-0 pl-1 pr-1">
                                    <div
                                        class="edittor"
                                        @click="edittingReport($event, subjects[x].reports[n - 1].id, 'status')"
                                        v-html="subjects[x].reports[n - 1].status"
                                    ></div>
                                </td>
                                <td class="p-0 pl-1 pr-1">
                                    <div v-html="subjects[x].reports[n - 1].review"></div>
                                </td>
                            </template>
                        </tr>
                    </tbody>```

@hai2 anh ko rõ template của e show data như thế nào, nhưng nếu e đã log được this.subjects ở cả 2 function thì có nghĩa là nó đã được set đúng.

e thử show code template kèm logic vue component lên đây xem sao.

@hai2 ý mình là bạn gọi thẳng cái axios('/report') xong hàm mounted rồi set data luôn trong cái hàm then của nó thử xem, thay vì việc bạn phải gọi async await methods

@vunguyen10111995 mình đã thử rồi nhưng ở template bên trên, nó lại vẫn không nhận biết subjects đó. nó vẫn rỗng., không thể dùng được ở template bên trên. không biết tại sao

bạn thử đặt trong mounted() xem sao.

@kiendinang à mà em nghĩ khi mình gọi đến hàm this.getReports() rồi thì biến this.subjects đã được gán giá trị rồi nên ở hàm created chỉ show cái biến this.subjects là dc ạ?

@kiendinang em làm theo anh thì nó show ra kêts quả rồi, nhưng ở template bên trên, nó lại vẫn không nhận biết subjects đó. nó vẫn rỗng., không thể dùng được ở template bên trên ạ.

Thật sự mình rất ít đăng ký để rep. Mà hôm nay đọc bài của bạn, mình học thêm khá nhiều điều thú vị. Đào sâu thêm được kha khá kiến thức. Chắc mình sẽ dành riêng một con server ra ngồi vọc mấy cái này của bạn để trải nghiệm và học hỏi. Cảm ơn vì đã chia sẻ!

Anh có thể hướng dẫn em cách để ssh tunnel theo dạng async trên nodejs được không ạ? Giả sử mình có 5 cái SSH server, mình muốn get data từ site A đồng thời sử dụng cả 5 SSH.

hay quá, hóng phần tiếp, hi vọng có thêm demo deply một dự án lên vps

Dưới đây là các hướng dẫn lập trình web phổ biến nhất cho người mới bắt đầu https://www.mujadidia.com/web-programming-languages/.