uniapp 中的picker

2022年7月19日 276点热度 0人点赞 0条评论
<template>    <view>        <picker class="select" mode="selector" :range="list" range-key="name" @change="titlePicker">            <view>                <text>{{title}}</text>             </view>        </picker>    </view></template>
<script> export default { data() { return { title: '点击此处选择', list:[ {id:12,name:'测试1'}, {id:25,name:'测试2'} ] } }, methods:{ titlePicker(e){ this.title = this.title_list[e.target.value].name console.log(this.title_list[e.target.value].id) //获取id }, } }</script>

图片

拿到的数据里面通常是有很多东西的,但是在picker里面展示的只是其中的某一个属性值。range-key="name" 就是上拉列表里要展示的列表数据里面的属性 例如name属性。

46850uniapp 中的picker

这个人很懒,什么都没留下

文章评论