picker-view使用 @change="ChangePickerDate"滑动里面picker-view-column

分类：uni-app

插件讨论技术支持 uniapp

picker-view使用 @change="ChangePickerDate"滑动里面picker-view-column第一次选择2024-1月27日日期确认以后，点击弹窗打开默认选中2024年1月27日的，然后滑动日期2022年不点确定，重新设置 :value="dateValue"值但是无法滚动到2024年1月27日确认选中的日期该如何解决

<picker-view value="dateValue" indicator-style="indicatorStyle" indicator-class="'select-time'" class="picker-view-box text-center" immediate-change="true" @change="ChangePickerDate"
>
<picker-view-column>
<view
v-for="(yearsItem, yearsIndex) in years" key="yearsIndex" class="item" class="yearsIndex == showYearsIndex ? 'select-time' : ''" data-id="yearsIndex" >{{ yearsItem }}年</view
>
</picker-view-column>
<picker-view-column>
<view
v-for="(monthsItem, monthsIndex) in months" key="monthsIndex" class="item" class="monthsIndex == filterMonthsIndex ? 'select-time' : ''" >{{ monthsItem }}月</view
>
</picker-view-column>
<picker-view-column>
<view
v-for="(daysItem, daysIndex) in days" key="daysIndex" class="item" class="daysIndex == filterDaysIndex ? 'select-time' : ''" >{{ daysItem }}日</view
>
</picker-view-column>
</picker-view>

2024-01-27 10:41 负责人:无分享

1 个回复

JXWang

重新设置dateValue值的时候可以重新渲染一下pick-view组件，重新渲染的方法是可以创建一个变量控制picker-view组件的显示与隐藏比如加个v-if="pickerVisible"，然后这样

this.pickerVisible = false;  
        this.$nextTick(() => {  
            this.pickervVisible = true;  
        })

或者也可以试试强制更新视图，this.$forceUpdate()

何sir (作者)

好的，我试试，谢谢。

2024-01-31 12:11

要回复问题请先登录或注册

picker-view使用 @change="ChangePickerDate"滑动里面picker-view-column

1 个回复

公告

相关问题

picker-view使用 @change="ChangePickerDate"滑动里面picker-view-column

与内容相关的链接

1 个回复

公告

相关问题