uniapp单选按钮
时间: 2023-09-17 12:14:07 浏览: 395
Uniapp 各类 button按钮
Uniapp中,可以使用`<radio>`标签来创建单选按钮。下面是一个简单的示例:
```html
<template>
<view>
<radio-group v-model="selected">
<radio :value="1">选项1</radio>
<radio :value="2">选项2</radio>
<radio :value="3">选项3</radio>
</radio-group>
</view>
</template>
<script>
export default {
data() {
return {
selected: 1
};
}
};
</script>
```
在上面的代码中,`radio-group`用于包裹一组单选按钮,`v-model`指令用于绑定选中的值。每个`radio`标签都有一个`value`属性,表示该选项的值。当用户选择某个选项时,`selected`的值会自动更新为对应的选项值。
你可以根据自己的需求修改选项的数量和显示内容。同时,你也可以根据需要添加其他属性,如`name`、`disabled`等来控制单选按钮的行为和样式。
阅读全文