微信小程序from获取动态下拉列表

首先是前端页面

 <picker bindchange="house_type" value="{{house_type_index}}" range="{{house_type_data}}" range-key="name">
            <l-input id="house_type"class="picker" value="{{house_type_data[house_type_index].name}}"  hide-label show-row="{{false}}"/>
        
</picker>

js中的data部分

data:{
//从后台获取的数据
house_type_data: [],
//二维数组的下标
 house_type_index:0,
//选中的ID
house_type_id:0,
},

方法

 house_type(e) 
{
                this.setData({
                        house_type_index:e.detail.value
                })
                var indes = e.detail.value;
                var dataid = this.data.house_type_data[indes]['id'];
                this.setData({
                        house_type_id:dataid
                })
                // console.log(this.data.house_type_id);
}

还有一个首次渲染的接口我就不写了，比较简单 对不对