uniapp 表单下拉框

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。在uni-app中，表单下拉框通常是通过`<picker>`组件来实现的，它允许用户从列表中选择一项或多项。

`<picker>`组件有几种模式，可以实现单列选择、多列选择、日期选择等。基本用法如下：

<template>
  <view>
    <!-- 单列选择 -->
    <picker mode="selector" :range="array" @change="bindChange" :value="index">
      <view class="picker">
        当前选择: {{array[index]}}
      </view>
    </picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 下拉列表的数据
      array: ['选项一', '选项二', '选项三'],
      // 默认选中的是第一个
      index: 0
    };
  },
  methods: {
    bindChange(e) {
      // 当选择变化时会触发此方法
      console.log(e.detail.value);
    }
  }
};
</script>

在上述示例中，`mode="selector"`表示这是一个选择器模式的下拉框。`:range`是绑定的数据数组，这个数组包含了所有选项的内容。`@change`是事件绑定，当选择发生变化时会触发`bindChange`方法。`:value`属性用于初始化选中的下拉项的索引值。

此外，uni-app 还提供了日期选择器、时间选择器和省市选择器等扩展模式，可以通过设置`mode`属性来实现这些特定功能的下拉框。