uniapp中uni-data-select组件如何设置默认选择

在 UniApp 中的 `uni-data-select` 组件中，设置默认选中项通常需要在数据源 (data source) 或者选项 (option) 的列表里指定一个默认值，并通过绑定到组件的 `value` 属性来控制当前显示的选择。

以下是设置默认选中的基本步骤：

1. 首先，确保你在 `options` 数组中有一个对象，它包含了你想要作为默认值的数据（比如 ID、value 等关键属性）。

<template>
  <view>
    <uni-data-select v-model="selectedOption" @change="handleChange">
      <block each="options as option in dataSource">
        <item :key="option.id">{{ option.label }}</item>
      </block>
    </uni-data-select>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        { id: '1', label: '默认选择项', value: 'defaultValue' },
        { id: '2', label: '其他选项', value: 'otherValue' },
        // 更多选项...
      ],
      selectedOption: '', // 初始设置为空，后续根据需要赋值
    };
  },
  methods: {
    handleChange(value) {
      console.log('选择了:', value);
      this.selectedOption = value; // 如果有新的默认值，可以在这里更新
    },
  },
};
</script>

在这个例子中，当你首次渲染页面时，如果没有手动改变 `selectedOption` 的值，组件将默认显示第一个选项 "默认选择项"，因为它的 `value` 属性等于 `'defaultValue'`。