uniapp radio
时间: 2023-08-18 07:06:49 浏览: 138
radio-app
UniApp 是一个基于 Vue.js 的开发框架,可以用于快速构建跨平台的移动应用程序。而 "radio" 是指单选框(Radio Button)的意思。在 UniApp 中,可以使用 `<radio>` 组件来创建单选框。
以下是一个简单的示例代码:
```html
<template>
<view>
<radio-group v-model="selectedValue">
<radio :value="1">选项1</radio>
<radio :value="2">选项2</radio>
<radio :value="3">选项3</radio>
</radio-group>
</view>
</template>
<script>
export default {
data() {
return {
selectedValue: 1
}
}
}
</script>
```
上述代码中,使用了 `<radio-group>` 组件来包裹一组 `<radio>` 组件,通过 `v-model` 指令将选中的值与 `selectedValue` 数据进行绑定。每个 `<radio>` 组件都有一个 `value` 属性,用于表示该选项的值。
当用户选择不同的选项
阅读全文