vue報錯 Missing required prop: "value"-----(v-model 與 :model的區別)


 

 

找不到value值 

原因:這個錯是因為自己綁定值得問題,將v-model 寫成了:model 。

v-model: 是vue內置的雙向數據綁定,父子組件的雙向綁定,通常用於input數據的雙向綁定,用於表單控件以外的標簽是不起作用的(即只對表單控件標簽的數據雙向綁定有效)。

:model: (v-bind:model)v-bind動態綁定指令,默認情況下標簽自帶屬性的值是固定的,這種只是將父組件的數據傳遞到了子組件,並沒有實現子組件和父組件數據的雙向綁定。當然引用類型除外,子組件改變引用類型的數據的話,父組件也會改變的。

<input v-model="message"> =
<input v-bind:value="message" v-on:input="message = $event.target.value" />
上面這個例子中,v-bind:value="message" 只是將message變量的值賦給了input的value,
並沒有雙向綁定,再此聲明一下以防混淆

v-bind 一般用於綁定屬性值(可省略)

v-on 一般用於綁定事件(簡寫@)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM