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)		//输出获取的籍贯值,例如:中国
},

}

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐