uni-data-select单选

uni-data-select是UniApp框架下的一款组件，它主要用于实现数据驱动的选择功能，类似于HTML中的<select>元素。uni-data-select支持单选或多选，用户可以根据给定的数据源动态选择一项或多项内容。它通常配合data和options属性使用，其中data是一个数组，包含可供用户选择的选项；options则是用于配置组件的行为，比如默认值、搜索功能等。

使用uni-data-select的基本步骤包括设置数据、绑定事件以及显示选择结果。例如：

<template>
  <uni-data-select v-model="selectedItem" :data="optionsList">
    <view slot="item" @click="handleSelect">{{ item.label }}</view>
  </uni-data-select>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: '',
      optionsList: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' }
      ]
    };
  },
  methods: {
    handleSelect(item) {
      this.selectedItem = item.value;
    }
  }
};
</script>

在这个例子中，当用户点击某项，`handleSelect`方法会被触发，`selectedItem`就会更新为所选项目的value。