2024年12月10日 星期二

vue開發上的小坑,vFor的item不能當vModel

簡而言之我在程式碼裡面這樣寫

UserCard(v-for="data in datas", v-model="data")
UseCard是我自製的component,因為裡面會牽涉到改動,所以不太適合用props的方式傳進去,所以用model的方式來傳,開發上還沒啥問題,不過打包卻會爆出以下錯誤
v-model cannot be used on v-for or v-slot scope variables because they are not writable

上網查了一下,用v-for拆出來的物件,該物件不能放到v-model裡面進行修改,那怎麼辦呢?
很簡單,跟著v-for傳出來的還有index,用它來指向原物件就可以了
UserCard(v-for="(_data, index) in datas", v-model="datas[index]")

沒想到用vue這麼多年還有這麼一個小坑沒採過,記錄一下@@收工下班!

沒有留言:

張貼留言