uniapp点击有下拉列表

如果您想在 UniApp 中添加一个下拉列表，可以使用 uni-app 的 `picker` 组件。您可以在模板中添加以下代码：

<template>
  <view>
    <picker :value="index" range="{{list}}" @change="onChange">
      <view class="picker">
        {{list[index]}}
      </view>
    </picker>
  </view>
</template>

在上面的示例代码中，我们使用 `picker` 组件来实现下拉列表。`picker` 组件接受一个 `range` 属性，它是一个数组，包含了下拉列表中的所有选项。我们还设置了一个 `value` 属性来绑定当前选中的选项的索引。

当用户选择一个新的选项时，`onChange` 方法会被调用。您可以在该方法中更新当前选中的选项的索引。

您还可以使用 `slot` 来自定义下拉列表中的每个选项的样式和内容。例如：

<template>
  <view>
    <picker :value="index" range="{{list}}" @change="onChange">
      <view class="picker">
        {{list[index]}}
      </view>
      <view slot="picker-item" class="picker-item" v-for="(item, i) in list" :key="i">
        {{item}}
      </view>
    </picker>
  </view>
</template>

在上面的示例代码中，我们使用 `slot` 来自定义下拉列表中的每个选项。我们为 `picker-item` slot 添加了一个 `v-for` 循环，以便为每个选项渲染一个自定义的 `view`。