下拉框可筛选对象数组

下拉框（通常称为select或dropdown）在前端开发中经常用于展示并让用户从一组预定义选项中进行选择。如果你有一个对象数组，想要通过下拉框实现筛选功能，通常的做法是将每个对象转化为下拉选项，并关联上它们的一个标识字段（如id或name）。

例如，假设你有这样一个对象数组：

const options = [
  { id: 1, name: '选项A' },
  { id: 2, name: '选项B' },
  { id: 3, name: '选项C' },
];

为了在下拉框中展示这些选项，你可以这样做：

1. 创建一个`options`的数据映射，将对象转换为包含`value`和`text`的结构，适合下拉框使用：

const filteredOptions = options.map(option => ({ value: option.id, text: option.name }));

2. 将`filteredOptions`赋值给`uni-select`的`options`属性：

<uni-select v-model="selectedOptionId" :options="filteredOptions" placeholder="请选择...">
</uni-select>

`v-model`绑定到一个变量（如`selectedOptionId`），代表用户选择的选项id。

3. 当用户改变选择时，可以根据`selectedOptionId`获取对应的对象：

getSelectedOption() {
  const foundOption = options.find(option => option.id === this.selectedOptionId);
  return foundOption;
}