uniapp vue3项目使用uniui的uni-data-select时,数据无法默认选中的问题

问题描述:

uniapp vue3项目使用uniui的uni-data-select时,数据无法默认选中的问题

问题代码1:

<uni-data-select v-model="detail.data.goodsNo" :localdata="goodsVM.options"></uni-data-select>

问题代码2:

<uni-data-select v-model:value="detail.data.goodsNo" :localdata="goodsVM.options"></uni-data-select>

可以看到:绑定value的时候使用的是官网提供的案例,但是value变化的时候,下拉没有默认选中

问题原因:

查看源代码:

/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue

第128行,valueCom函数中,存在vue2和vue3的判断,vue3的数据需要使用vm-model:modelValue绑定才能生效

正确代码:

<uni-data-select v-model:modelValue="detail.data.goodsNo" :localdata="goodsVM.options"> </uni-data-select>