1、显示界面
2、去掉data 的options 注释那代码，下拉显示不正常
3、把data 的options 注释那代码取消掉，加入这句，下拉显示是正常的。（我是想从表中把数据丢到下拉列表里，如何解决？谢谢）
相关文档
- SelectorQuery.select: 小程序/开发/API/WXML/SelectorQuery/SelectorQuery.select
- SelectorQuery.selectViewport: 小程序/开发/API/WXML/SelectorQuery/SelectorQuery.selectViewport
- SelectorQuery.select#selector 语法: 小程序/开发/API/WXML/SelectorQuery/SelectorQuery.select
- SelectorQuery.selectAll: 小程序/开发/API/WXML/SelectorQuery/SelectorQuery.selectAll
- SelectorQuery.selectAll#selector 语法: 小程序/开发/API/WXML/SelectorQuery/SelectorQuery.selectAll
Page({
data: {
options: [{ city_id: '001', city_name: '北京' }, { city_id: '003', city_name: '深圳' }],
selected: {},
},
change (e) {
this.setData({
selected: { ...e.detail }
})
wx.showToast({
title: `${this.data.selected.id} - ${this.data.selected.name}`,
icon: 'success',
duration: 1000
})
},
close () {
// 关闭select
this.selectComponent('#select').close()
}
,
onLoad:function(){
}
})
-------------这样是正常的，但这样的下拉值是静态的，我是想从表中把数据拿出来动态的。
that.setData({ options: shuji }) 改成 that.setData({ options: this.data.options })
properties: {options: {type: Array,value: [],observer: function (newVal) {this.setData({list: newVal // list是真正存储列表的数据属性});}}},https://github.com/imxiaoer/WeChatMiniSelect