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>

*下面是定义的数组和索引：*

最后是获取下拉框的值：

//下拉框
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下拉框其实还有很多方法，我这个只是很粗糙的一个！