uniapp设置下拉框并获取下拉框值
uniapp设置下拉框并获取下拉框值
·
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>
```java
data() {
return {
array: [
['日本''中国', '美国', '英国', '法国', '德国', ],
['北京', '上海', '广州', '深圳', '杭州', '武汉']
],
// index:0 默认第一个
index: '', 默认空
}
}```
methods: {
//下拉框
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) //输出获取的籍贯值,例如:中国
},
}
更多推荐
已为社区贡献3条内容
所有评论(0)