uniapp redio数组
时间: 2023-12-04 22:06:08 浏览: 73
uni-app项目录音组件
Uniapp 中的 radio 数组是指一组单选框()的值,可以通过 v-model 进行双向绑定。以下是一个示例:
```html
<template>
<div>
<div v-for="(item, index) in radioArray" :key="index">
<label>
<input type="radio" :value="item.value" v-model="selectedValue">
{{ item.label }}
</label>
</div>
<p>选中的值: {{ selectedValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
radioArray: [
{ label: '选项1', value: '1' },
{ label: '选项2', value: '2' },
{ label: '选项3', value: '3' }
],
selectedValue: ''
};
}
};
</script>
```
在上述示例中,radioArray 是一个存储单选框的数组,每个对象包含 label 和 value 两个属性。通过 v-for 循环遍历数组,生成多个单选框。v-model 指令将选中的值与 selectedValue 进行双向绑定,最后展示选中的值。
请注意,这只是一个示例,你可以根据自己的需求调整数据结构和样式。
阅读全文