Vue.js chuyển đạo cụ đến dữ liệu

Question

Tôi có 2 thành phần: Post và Comments.

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ì?

Answer 1

Dường như comments chống đỡ không có giá trị tại thời điểm tạo thành phần (đây là lần duy nhất allComments sẽ được đặt).

Bạn có thể:

1. Hoãn việc tạo ra các thành phần cho đến khi comments prop sẵn sàng bằng cách sử dụng v-if như thế này:

<comments v-if="comments" :comments="comments"></comments> 

2. Xem các thay đổi đối với comments chống và đặt allComments thành giá trị mới (ngoài việc khởi tạo allComments trong hàm dữ liệu):

watch: { 
    comments(value) { 
    this.allComments = value; 
    } 
}