Tôi có 2 thành phần: Post
và Comments
.Vue.js chuyển đạo cụ đến dữ liệu
Thành phần bên trong bài đăng, có thành phần Nhận xét có 3 đạo cụ: postId
, numCom
(số nhận xét) và comments
(mảng).
tôi nhận được ý kiến và tôi vượt qua mảng với đạo cụ, và bây giờ tôi muốn lấy mảng trong Comments thành phần và thêm nó vào dữ liệu vì vậy tôi sau đó có thể thêm/xóa bình luận, vv
Dưới đây là mã của tôi trong Comments.vue
:
props: ['id', 'numCom', 'comments'],
data: function() {
return {
newMessage: "",
loading: false,
allComments: this.comments,
num: this.numCom,
}
},
Nhưng điều này không hiệu quả. Trong công cụ nhà phát triển Vue tôi có thể thấy rằng comments
chống đỡ được lấp đầy với các nhận xét, nhưng mảng allComments
trống.
Tôi nên làm gì?
Bạn có chắc chắn rằng 'prop comments' có giá trị tại thời điểm thành phần được tạo ra? –
Chúng tôi sẽ cần xem thêm mã vì tôi đã vẽ cùng một ví dụ và nó làm việc cho tôi. https://jsfiddle.net/7xxwq1e2/18/ – Stephen
@ DecadeMoon vâng, có một chút chậm trễ, bởi vì tôi đang làm GET yêu cầu, sau đó điền vào các đạo cụ ... Làm thế nào tôi nên giải quyết này? Tôi có thể làm một yêu cầu GET bên trong thành phần Comments, nhưng làm thế nào tôi có thể kích hoạt một hàm trong thành phần Comments từ Post controller khi tôi hiển thị một bài viết mới? –