uniapp 单选 实现
时间: 2023-08-02 20:11:39 浏览: 228
uniapp利用unipush+个推sdk服务端实现,后端代码是整合Thinkphp+RestAPI V2(完整版)
要在uni-app中实现单选功能,可以使用radio组件。以下是一个简单的示例代码:
```html
<template>
<view>
<radio-group v-model="selected">
<radio v-for="(item, index) in items" :key="index" :value="item">{{ item }}</radio>
</radio-group>
</view>
</template>
<script>
export default {
data() {
return {
selected: '', // 绑定选中的值
items: ['选项1', '选项2', '选项3'] // 选项列表
}
}
}
</script>
```
在上面的代码中,使用了radio组件和radio-group组件来实现单选功能。其中,radio-group的v-model属性绑定了选中的值,每个radio组件都绑定了一个value值。当选中某个radio时,该组件的value值会被赋值给radio-group的v-model属性,从而实现单选功能。
阅读全文