我的 f7/vue 单选按钮没有按预期工作

Question

我正在使用以下代码片段。我让它以 "medium" Checked 启动。但是，如果我 "check" small 或 large，它不会取消选中 medium。我的目标是从整个组中选择一个列表项。

<f7-list>
      <f7-list-group>
        <f7-list-item title="Font Size" group-title></f7-list-item>
        <f7-list-item radio title="Small" class="Small"></f7-list-item>
        <f7-list-item radio title="Medium" class="Medium" checked></f7-list-item>
        <f7-list-item radio title="Large" class="Large"></f7-list-item>
      </f7-list-group>
 </f7-list>

Answer 1

为了使无线电输入工作，普通 HTML 要求每个输入都具有相同的 "name" 属性。如果您使用的是 VueJS，Vue 要求每个输入都具有相同的 "v-model" 属性。这就是这里所缺少的。