Question
I'm trying to fire the foo()
function with the @click
but as you can see,
need press the radio button two times to fire the event correctly . Only catch
the value the second time that you press...
I want to fire the event without @click
only fire the event when v-model
(srStatus) changes.
here is my Fiddle:
http://fiddle.jshell.net/wanxe/vsa46bw8/
Answer
This happens because your click
handler fires before the value of the radio
button changes. You need to listen to the change
event instead:
<input
type="radio"
name="optionsRadios"
id="optionsRadios2"
value=""
v-model="srStatus"
v-on:change="foo"> //here
Also, make sure you really want to call foo()
on ready... seems like maybe
you don't actually want to do that.
ready:function(){
foo();
},