Vue.js引导程序4，无法选中单选按钮

我正在尝试默认选中Mrs单选按钮。。。但它不起作用。。。我还尝试添加一个选中属性，以确保成功// 我的编码有什么问题

    <div class="col-lg-9">
        <form>

            <!-- Full name -->
            <div class="input-group input-group-lg mb-3">
              <div class="input-group-prepend">
                <div class="input-group-text pb-0">
                  <label class="form-group-label active"><input v-model="gender" type="radio" value="Mrs"> Mrs</label>
                </div>
                <div class="input-group-text pb-0">
                  <label><input v-model="gender" type="radio" name="gender" value="Mr"> Mr</label>
                </div>
              </div>
              <input v-model="username" @input="$v.username.$touch" v-bind:class="{ error: $v.username.$error, valid: $v.username.$dirty && !$v.username.$invalid }" type="text" class="form-control" placeholder="Indiquez votre prénom et votre nom">
            </div>

        </form>
    </div>

夫人
先生

您需要在数据模型中设置

性别的值



夫人
您可以这样做。我添加了切换按钮以显示此绑定的工作方式：


newvue({
el:“#应用程序”，
数据：{
电台：'夫人'，
},
方法：{
切换（）{
this.radio=this.radio=='mrs'？'mr'：'mrs'；
}
},
})

夫人
先生
切换
为选中的
属性编写的条件是多余的。您只需为输入设置一个“值”。如何处理官方vue文档中的无线电输入：
<label class="form-group-label active">
  <input v-model="gender" type="radio" value="Mrs"> Mrs
</label>