uniapp radio-group 例子
时间: 2023-08-29 20:07:03 浏览: 163
关于 uni-app 的一些案例.zip
好的,关于 uniapp 的 radio-group 示例,可以参考以下代码:
```html
<template>
<view>
<radio-group class="radio-group" @change="onChange">
<radio value="1" checked="true">选项一</radio>
<radio value="2">选项二</radio>
<radio value="3">选项三</radio>
</radio-group>
<text>
你选择的是:{{radioValue}}
</text>
</view>
</template>
<script>
export default {
data() {
return {
radioValue: '1'
}
},
methods: {
onChange(event) {
this.radioValue = event.target.value;
}
}
};
</script>
<style>
.radio-group {
margin-bottom: 30rpx;
}
</style>
```
以上是一个简单的示例,展示了如何使用 radio-group 这个组件,以及如何获取用户选择的值。请注意,radio-group 需要包含多个 radio 组件,每个 radio 组件都有自己的 value 值,在用户选择时,radio-group 的 value 值会被更新为所选 radio 的 value 值。
阅读全文