uview Select选择器(u-action-sheet)数据绑定 value,展示 text

UView Select组件是一个下拉选择器，它通常用于显示一系列选项让用户做出选择，并通过value属性存储用户的最终选择。`value`属性通常会绑定到组件外部的数据源，比如Vue.js中的一个变量，表示选中的值。

当用户选择了某项，Select组件会自动更新绑定的value值，同时如果配置了`text`属性，那么它会显示出对应于所选值的文本描述。例如，在Vue模板中可能这样使用：

<u-select v-model="selectedValue" :options="optionsList">
  <u-option v-for="(option, index) in optionsList" :key="index" :value="option.value" :text="option.text"></u-option>
</u-select>

<!-- 其他地方的数据绑定 -->
<template>
  <div>
    选择的值：{{ selectedValue }}
    显示的文字：{{ selectedOptionText }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      optionsList: [
        { value: 'option1', text: '选项一' },
        { value: 'option2', text: '选项二' },
        // ...
      ]
    }
  },
  computed: {
    selectedOptionText() {
      return this.optionsList.find(option => option.value === this.selectedValue)?.text;
    }
  }
}
</script>

在这个例子中，`v-model`绑定了`selectedValue`，而`text`属性则在计算属性`selectedOptionText`中动态获取。当用户改变选择时，这两个值都会同步更新。