小程序uniapp 中 uview中的picker默认选中问题

img


img


想要实现默认选中的样式,但是按照官方文档中的方法,并没有办法实现默认选中,想问一下有没有人遇到过这种问题,知道怎么解决?
我的代码:


<u-form-item label="清洗任务:" label-width="88px" label-align="right">
                    <u-input type="select" v-model="form.qxrw" :select-open="pickerShow" placeholder="请选择任务" @click="pickerShow = true" />
                    <u-picker mode="selector" v-model="pickerShow" range-key="qxrw" :range="taskList" @confirm="bindPickerChange()" :default-selector="[0]"/>
                </u-form-item>
    // 选择清洗任务触发的方法
        bindPickerChange(e) {
            let index = e[0]
            this.form.qxrw = this.taskList[index].qxrw
            this.qxTaskBsm = this.taskList[index].bsm
        }

如果taskList是从接口获取的数据,在获取taskList的时候就把

this.form.qxrw = this.taskList[0].qxrw
this.qxTaskBsm = this.taskList[0].bsm

如果taskList是写死的数据,就写在onLoad里

那就把默认项放到第一个,给picker设置第一个的值。
或者干脆在点击时间里点他一下