javascript - vue js - 默认情况下单选按钮不会检查 v-model 属性

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 属性设置为您要默认检查的 radio 的值即可。

例如:

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