uni-data-select选中获取value和text

uni-data-select是 UniApp 中的一个组件，用于构建下拉选择列表。当你在其中选中某个选项时，可以获取所选项目的值（value）和文本（text）。这两个属性通常用于数据绑定，以便处理用户的输入。

- **Value（值）**：这是选项的唯一标识，它通常是后台服务器预设的数据ID或其他标识符，你在用户选择后可以直接用于数据操作或提交表单。

- **Text（文本）**：则是显示在用户界面的选项标签，通常是人类可读的文字描述，比如姓名、类别等。

获取选中项的值和文本的方式如下：

<view>
  <uni-data-select v-model="selectedItem" :options="items">
    <view slot="item" wx:for="{{ items }}">
      <text>{{ item.value }}</text> // 值
      <text>{{ item.text }}</text> // 文本
    </view>
  </uni-data-select>
</view>

<script>
export default {
  data() {
    return {
      selectedItem: '', // 存储选中的值，初始为空
      items: [
        { value: '01', text: 'Option 1' },
        { value: '02', text: 'Option 2' },
        // 更多选项...
      ]
    };
  }
};
</script>

在这个例子中，当用户选择某个选项时，`v-model`会自动更新 `selectedItem` 的值，而 `{{ item.value }}` 和 `{{ item.text }}` 则分别显示选中项的值和文本。