uniapp picker的使用

mode=“selector” //单行滚动选择器
mode=“multiSelector” //多行滚动选择器
mode=“time” //时间滚动选择器
mode=“date” //日期滚动选择器
mode=“region” //省市滚动选择器（不支持APP与H5）
详情参考uni-app picker配置

<template>
    <view class="bground">
        <picker class="select" mode="selector" :range="title_list" range-key="name" @change="titlePicker">
            <view style="color: #FB231F">
                <text>{{title}}</text> 
            </view>
        </picker>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: '活动的标题点击此处选择',
                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>