一个选择框

我需要一个可以选择的list列表,官方文档有一个 picker 属性
https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

  1. // bindchange : 当列表变更后触发
  2. // value : 表示当前选中的第几个
  3. // range : 列表内容
  4. <picker bindchange="change" value="{{index}}" range="{{array}}">
  5. <view>{{array[index]}}</view>
  6. </picker>

然后通过JS文件设置

  1. // pages/view/Site_information/Site_information.js
  2. Component({
  3. // 需要的数据
  4. data: {
  5. array: ['天津站', '北京站', '上海站', '杭州站'],
  6. }
  7. // 触发的事件,必须写在 change 里
  8. methods: {
  9. change: function(e) {
  10. console.log(e.detail.value),
  11. this.setData({
  12. index: e.detail.value
  13. })
  14. }
  15. }
  16. })