[解決済み] V-modelが変更されたときにイベントを発生させるには？

質問

私は foo() 関数を @click を使っていますが、ご覧の通り、ラジオボタンを2回押さないと、正しくイベントが発生しません。2回目に押した時だけ値をキャッチする...

を使わずにイベントを発生させたいのですが @click の時だけイベントを発生させたい。 v-model (srStatus)が変化した時のみイベントを発生させます。

これが私のFiddleです。

http://fiddle.jshell.net/wanxe/vsa46bw8/

どのように解決するのですか？

このようなことが起こるのは、あなたの click ハンドラがラジオボタンの値が変更される前に起動するためです。ラジオボタンの値が変更される前に change イベントをリッスンする必要があります。

<input 
  type="radio" 
  name="optionsRadios" 
  id="optionsRadios2" 
  value=""
  v-model="srStatus" 
  v-on:change="foo"> //here

また、本当に foo() を呼び出したいかどうか確認してください...多分あなたは実際にそれをしたくないように思えます。

ready:function(){
    foo();
},