Vue で関数からラジオボタンを操作したい

Question

<div id="app">
    <input type="radio" id="contactChoice2"
     name="contact" value="phone" v-model="hoge">
    <label for="contactChoice2">電話</label>

    <input type="radio" id="contactChoice3"
     name="contact" value="mail" v-model="hoge">
    <label for="contactChoice3">郵便</label>
  
    <button @click="phone()"> change ! </button>
</div>

new Vue({
  el: '#app',
  data: {
     hoge: false
  },
  methods: {
    phone(){
      this.hoge = "phone"
    }
 }
})

上記のようなファイルがあるとします。
methodの phone()を使ってラジオボタンの選択を操作したいのですが、
v-modelでやっても変更されません。。
何か原因として思い当たる節があれば教えていただけるとうれしいです。

※Vueはスクリプトタグで囲んでいます。

Comments

[surface_0]

このコードをコピペして試しましたが普通に動作します。
なにかほかの要因があると思いますので、ブラウザーでエラーが出ていないかなどを確認してみてください。

Answer 1

ありがとうございました。
なぜ動かなかったかわからないのですが、
全部打ち直したらなぜか動きました。。変な文字でも入っていたのかもしれません、、、