uniAPP·下拉选择栏 picker

1.【view】
<view class="picker">
    <picker @change="bindPickerChange" :range="candidates"> <!-- @change用于获取下拉框改变的值,:range用于循环遍历array数组将数组内容循环 -->
    	<label>语言:</label>
    	<label class="">{{candidates[int]}}</label> <!-- //循环candidates数组index为索引 -->
    </picker>
  </view>


2.【data】
data() {
    return {
    candidates: ['CN·简体中文', 'CNTW·繁体中文', 'EN·English', 'JP·日本語', 'TL·เมืองไทย', 'KR·안녕하세요', 'RU·русский','AR·بالعربية'],
    ints: 0,
    int: 0,
    }
   },


3.【methods】
//下拉框
    bindPickerChange: function(e) {		//改变的事件名
    //console.log('picker发送选择改变,携带值为', e.target.value)   用于输出改变索引值
    this.int = e.target.value			//将数组改变索引赋给定义的index变量
    this.ints = this.candidates[this.index]		//将array【改变索引】的值赋给定义的jg变量
    //	console.log("籍贯为:",this.jg)		//输出获取的籍贯值,例如:中国
 },
583 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注