123

UNIAPP设置下拉框并获取下拉框值

2021-04-06 20:09 稿源:网畅天下  10924次访问

uniapp设置下拉框:

3f0842db1f87faa302031198c851e9d4.png


<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>


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

c851c7a5d3135a9758307876f641b791.png

定义数组

最后是获取下拉框的值:

767e9c0981f24e50c990c10777992429.png

下拉框取值


//下拉框

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

},


效果如下:

72db00df8dcfb054e6d98f971f92649b.png

uniapp下拉框其实还有很多方法,我这个只是很粗糙的一个!


谢谢https://www.freesion.com/article/3620326168/

有好的文章希望朋友们帮助分享推广,猛戳这里河洛伊哥

相关热点

查看更多