Question

如果我删除v-model属性，则checked有效。

<input type="radio" name="sign" value="+" v-model="sumType" checked="checked"> Addition
<input type="radio" name="sign" value="-" v-model="sumType"> Subtraction

如何默认选中具有vue js模型属性的单选按钮？

Answer 1

只需将v-model属性设置为默认情况下要检查的广播的值。

例如：

export default {
  data () {
    return {
      sumType: '-'
    }
  }
}

会在页面加载时选择Subtraction无线电。

使用以下HTML（具有上述组件结构）可以工作：

<input type="radio" name="sign" value="+" v-model="sumType"> Addition
<input type="radio" name="sign" value="-" v-model="sumType"> Subtraction

Answer 2

sumType模型的值会覆盖您的checked属性。

您可能希望指定绑定值（v-bind:value=""）：

<input type="radio" name="sign" value="+" v-bind:value="+" v-model="sumType"> Addition
<input type="radio" name="sign" value="-" v-bind:value="-" v-model="sumType"> Subtraction

vue js - 默认情况下，单选按钮不会使用v-model属性进行检查

2 个答案: