- 发布：2023-05-22 11:18
- 更新：2023-07-11 16:47
- 阅读：301
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： Alpha
HBuilderX版本号： 3.8.2
手机系统： 全部
手机厂商： 华为
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
uni-admin vue3 list 页面
<uni-th align="center" filter-type="timestamp" @filter-change="filterChange($event, 'xxx_time')" sortable @sort-change="sortChange($event, 'xxx_time')">xx时间</uni-th>
uni-admin vue3 list 页面
<uni-th align="center" filter-type="timestamp" @filter-change="filterChange($event, 'xxx_time')" sortable @sort-change="sortChange($event, 'xxx_time')">xx时间</uni-th>
操作步骤：
uni-admin vue3 list 页面 点击表头的时间筛选
uni-admin vue3 list 页面 点击表头的时间筛选
预期结果：
正常显示当天的 0:00:00 到 23:59:59 范围。
正常显示当天的 0:00:00 到 23:59:59 范围。
实际结果：
组件中的时间是空白的，没有显示时间。
组件中的时间是空白的，没有显示时间。
bug描述：
vue3模式下uni-datetime-picker 组件中的 value 不会被 watch，
而uni-th 中使用的是value：
<uni-datetime-picker ref="datetimepicker" :value="dateRange" type="datetimerange" return-type="timestamp" @change="datetimechange" @maskClick="timepickerclose">
这就导致了vue3模式下 uni-th 对 uni-datetime-picker 的初始化无效
this.$nextTick(() => {
if (!this.dateRange.length) {
this.resetDate()
}
this.$refs.datetimepicker.show()
})
改为v-model 后正常。
