uniapp的单选筛选框

uniapp中可以使用picker组件来实现单选筛选框的效果。picker组件提供了一列或多列的滚动选择器，可以通过设置mode属性为selector实现单选效果。示例代码如下：

<template>
  <view>
    <view class="picker">
      <text>请选择：</text>
      <picker mode="selector" :range="options" @change="onChange"></picker>
    </view>
    <view class="result">
      <text>您选择了：{{selected}}</text>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        options: ['选项1', '选项2', '选项3', '选项4'],
        selected: ''
      }
    },
    methods: {
      onChange(event) {
        this.selected = this.options[event.detail.value]
      }
    }
  }
</script>

在上面的代码中，通过设置range为选项数组，使用change事件来实现选择变化的监听。在onChange方法中，根据选择的索引值从选项数组中获取对应的选项文本，将其赋值给selected，从而实现选择效果。