uniapp从后端返回数组对象，然后将数据做成一个下拉选择框

在uniapp中，可以使用`<picker>`组件来实现下拉选择框。具体步骤如下：

1. 定义一个数组对象，存储从后端返回的数据。假设数据格式如下：

[
  { id: 1, name: '选项1' },
  { id: 2, name: '选项2' },
  { id: 3, name: '选项3' }
]

2. 在页面中使用`<picker>`组件，设置`mode`为`selector`，并绑定一个数组对象作为选项数据。示例代码如下：

<template>
  <view>
    <picker mode="selector" :range="options" @change="onPickerChange">
      <view class="picker">
        {{ selectedOption.name }}
      </view>
    </picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      options: [], // 从后端返回的数据
      selectedIndex: 0 // 当前选中的索引
    }
  },
  computed: {
    selectedOption() {
      return this.options[this.selectedIndex]
    }
  },
  methods: {
    onPickerChange(e) {
      this.selectedIndex = e.detail.value
    }
  },
  mounted() {
    // 模拟从后端返回数据
    this.options = [
      { id: 1, name: '选项1' },
      { id: 2, name: '选项2' },
      { id: 3, name: '选项3' }
    ]
  }
}
</script>

3. 在`<picker>`组件内部，使用插槽`<view class="picker">`来自定义显示内容。在本例中，显示当前选中的选项名称。

4. 在`<picker>`组件上绑定`@change`事件，当用户选择一个选项时，触发事件，更新`selectedIndex`的值，从而显示选中的选项名称。

5. 在`mounted`钩子函数中，模拟从后端返回数据，将数据存储到`options`数组对象中。

最终效果如下图所示：