Vue: :value binding on <select> doesn't reflect changes
Vue.js version
2.1.4
Reproduction Link
https://jsfiddle.net/aleksey_beskosty/zz5svy6q/
Steps to reproduce
Select element is declared as:
<select :value="val">...</select>
What is Expected?
When val is changed, select element updates its value and shows it.
What is actually happening?
val is changed but select doesn't update value property.
aleksei-a-savitski
All 2 comments
duplicate of #4369 (fixed in 1cf377f)
yyx990803
on 6 Dec 2016
I'm still having this problem on first load. I basically made a wrapper component for a select that uses :value and @input instead of v-model. On first load of the wrapper component, it's random chance as to whether the correct value will be displayed in the select, or whether it is empty. I know the value is there because it displays when I put {{value}} in the same wrapper component right next to the
turbobuilt
on 26 Jun 2018
👍5
Was this page helpful?
0 / 5 - 0 ratings
Related issues
hiendv
路
3Comments
fergaldoyle
路
3Comments
franciscolourenco
路
3Comments
bdedardel
路
3Comments
Jokcy
路
3Comments
Most helpful comment
I'm still having this problem on first load. I basically made a wrapper component for a select that uses :value and @input instead of v-model. On first load of the wrapper component, it's random chance as to whether the correct value will be displayed in the select, or whether it is empty. I know the value is there because it displays when I put {{value}} in the same wrapper component right next to the