element-ui rate作爲子組件使用報警告錯誤:Avoid mutating a prop directly since the value will be overwrit...

使用element-ui裏的rate組件

如圖,在使用element-ui rate組件作爲一個子組件賦值時,報了上圖的錯誤。官方文檔參數配置說明可以這麼配置:

然而子組件內不應該用 v-model,因爲 v-model 只是一個簡化命令,使用 v-model="value" 相當於
:value="value" @input="e => value = e.target.value",所以在你輸入值的同時已經直接修改了value,導致報了那個警告。所以應該拆解開來寫。

而官方文檔中參數裏還有一個value,也就是如果只是作用展示的話,應該通過value="targetValue"去賦值,而如果是使用來獲取評分的值時,就應該使用v-model="targetValue"來獲取。

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