vue 組件間props報錯問題

遇到如下報錯:

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "selectType" 

原因是,我接收到props之後,在組件內部我又修改了,然後再傳遞到父組件,然後就拋出錯誤: 這種情況下就會報這個錯,因爲傳入的prop中的值是不允許改變的。這個在vue更新後纔會出現的,網上是這麼說的:

在vue2中,直接修改prop是被視作反模式的。由於在新的渲染機制中,每當父組件重新渲染時,子組件都會被覆蓋,所以應該把props看做是不可變對象 ^1。

不能更改 quantity prop使其和父組件同步 , 而是讓應該這個組件提交個事件給父組件,可以 watch quantity 變量,如果變量發生改變就emit事件,所以這裏壓根不需要 prop

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章