uniapp设置单选框
时间: 2023-08-03 16:09:46 浏览: 128
qt单选取消选中以及颜色变化
在uniapp中设置单选框可以使用`<radio>`标签,示例代码如下:
```html
<template>
<view>
<radio-group v-model="selected">
<radio value="apple">苹果</radio>
<radio value="banana">香蕉</radio>
<radio value="orange">橙子</radio>
</radio-group>
</view>
</template>
<script>
export default {
data() {
return {
selected: 'apple' // 默认选中的值
}
}
}
</script>
```
在上面的示例中,`<radio>`标签用于设置单选项,`<radio-group>`标签用于将多个单选项组合在一起,并且通过`v-model`绑定一个变量,用于获取用户选择的值。其中,`value`属性用于设置每个单选项的值,当选中某个单选项时,`v-model`绑定的变量的值就会被更新为该单选项的`value`值。
阅读全文