技术碎片
技术记录
帮助交流
recommend
uni-app 小程序开发picker数据为数组对象

首先我们把对象转换为数组对象


computed:{

res:function(){

var obj = this.$store.state.datas

if(obj.code == 1){

var result = Object.keys(obj.data).map(item =>                                         ({key:item, value:obj.data[item]}));

this.arrayobj = result

// console.log(this.arrayobj[1].value)

}

}

}


使用picker获取数组对象中得值 这里range-key处如果双引号引入获取值的key,数据不会显示出来 需要在包层单引号才可显示


<view class="select">

<picker @change="bindPickerChange" :value="indexs"                                 :range="arrayobj" :range-key="'value'">

<label v-if="label">{{arrayobj[indexs].value}}</label>

<label v-else>报考专业大类</label>

    <image src="../../static/jt.png" mode=""   class="jt"> </image>

<label class="xz">{{arrayobj[indexs].value}}</label>

</picker>

</view>


如有疑问或者交流问题请加:QQ 2137087126

转载请注明来源地址:www.zhyunxuan.com 更新时间 2023-02-01  2621
梦想有多远,路就有多远