uniapp设置下拉框:
<view class="uni-form-item uni-column">
<picker @change="bindPickerChange" :range="array"> //@change用于获取下拉框改变的值,:range用于循环遍历array数组将数组内容循环
<label>国籍:</label>
<label class="">{{array[index]}}</label> //循环array数组index为索引
</picker>
</view>
*下面是定义的数组和索引:*
最后是获取下拉框的值:
//下拉框
bindPickerChange: function(e) { //改变的事件名
//console.log('picker发送选择改变,携带值为', e.target.value) 用于输出改变索引值
this.index = e.target.value //将数组改变索引赋给定义的index变量
this.jg=this.array[this.index] //将array【改变索引】的值赋给定义的jg变量
// console.log("籍贯为:",this.jg) //输出获取的籍贯值,例如:中国
},
效果如下:
uniapp下拉框其实还有很多方法,我这个只是很粗糙的一个!