开发
在vue中使用单选radio
Vue中使用单选radio的完整代码示例，包括v-for循环渲染、v-model双向绑定和动态数据处理
· 1 分钟阅读
Vue中使用单选radio的完整代码示例，包括v-for循环渲染、v-model双向绑定和动态数据处理
<label
v-for="(item, i) in radioGroup.items" :key="i">
<input
class=""
type="radio"
:name="radioGroup.field"
v-model="radioGroup.value"
:value="item.key"
/>
{{ item.name }}
</label>
<!--
radioGroup:the json of the radios.
radioGroup.items:the json of every radio item.
radioGroup.field:the field of the radio used.
radioGroup.value:the value of the radioGroup.
item.key:the key of every radio item.
item.name:the name of every radio item.
-->