uviewui Picker 选择器 基础使用-单列模式用 defaultIndex 设置默认值

uviewui Picker 选择器 基础使用

<template>
    <view>
        <u-picker :show="show" 
        :defaultIndex="defaultGroupIndex"
        :columns="columns"
        >
        </u-picker>
        <u-button @click="show = true">打开</u-button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                show: false,
                columns: [
                    ['中国', '美国', '日本']
                ],
            }
        }
    }
</script>

根据官方文档： Picker 选择器

单列模式
如设置defaultIndex为[1]表示默认选中第2个(从0开始)，[5]表示选中第6个。

设置单列模式默认值

<script>
data() {
    return {
        defaultGroupIndex: [0],//默认选中的分组
    }
}
</script>