Question

我正在使用以下代码段。我以“中等”选中它启动。但是，如果“选中”大小，则不会取消选中中等大小。我的目标是从整个小组中选择一个列表项。

<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要求每个输入都具有相同的“名称”属性。如果您使用的是VueJS，则Vue要求每个输入都具有相同的“ v-model”属性。这就是这里所缺少的。

我的f7 / vue单选按钮无法正常工作

1 个答案: