You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue3中V-Calendar如何默认打开指定过去月份?

V-Calendar 默认渲染指定过去月份的解决方案

你之前用attributes里的dates属性找错了方向——这个属性是用来标记、高亮特定日期的,不是控制日历初始显示的月份,所以才会默认加载当前月。

要实现初始化时直接渲染指定的过去月份,同时避免onMounted切换带来的UI闪烁,直接用V-Calendar的page-date属性就能解决:

完整代码示例

HTML部分

<v-calendar :page-date="targetPageDate" ...></v-calendar>

JS部分(Vue 3

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 09:41:03