当前位置:asp编程网>技术教程>MUI教程>  正文

uni获取picker中的id和值value

2019-12-19 14:18:33   来源:www.aspbc.com   作者:wangsdong   浏览量:139   收藏

代码如下:

<template>
<view class="content">
<view class="bg lists">
<view class="user_center">
<view class="uni-list-cell">
<view class="uni-list-cell-left">
请选择国家
</view>
<view class="uni-list-cell-db">
<picker @change="pickerChange($event)" :value="index" :range="dataList">
<view class="uni-input">{{dataList[index]}}</view>
</picker>
</view>
</view>
</view>
</view>
</view>
</template>

<script>
export default {         
        data() {
            return {        
index:0,
                dataList: ['中国','美国','英国','德国'], //这里保存值
dataIDList:[5,7,9,10], //这里是每个值对应的id
}
        },
        onLoad:function(options) {
        },
        methods: {
            pickerChange: function(e) {
                console.log('picker发送选择改变,携带值为', e.target.value+"===="+this.dataList[e.target.value] + this.dataIDList[e.target.value]);
this.index = e.target.value;
            }
}
}
</script>
原创文章,来源www.aspbc.com,转载请注明来源,谢谢

关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网