使用update:formatted-value后·选择日期后数据消息

[yudan215]

TuSimple/naive-ui version (版本)

2.34.3

Vue version (Vue 版本)

3.3.0-beta.1

Browser and its version (浏览器及其版本)

chrome

System and its version (系统及其版本)

win10

Node version (Node 版本)

Reappearance link (重现链接)

https://github.com/看下面地址

Reappearance steps (重现步骤)

使用update:formatted-value后·选择日期后数据消失
演示地址：https://1024code.com/codecubes/zqsmi6w

Expected results (期望的结果)

正常显示

Actual results (实际的结果)

使用update:formatted-value后·选择日期后数据消息

Remarks (补充说明)

[XieZongChen]

链接打开无复现

[yudan215]

链接打开无复现

早上我用Edge也出现这个问题，多刷新几次就可以了·建议使用谷歌浏览器

[jizai1125]

Upgrade the Vue version to 3.2.46 or higher to fix this issue. It's caused by Vue compiler treating v-model:kebab-case and @update:kebab-case inconsistently, which has been fixed in Vue 3.2.46.. Before the fix, v-model:kebab-case would compile to onUpdate:kebab-case, and @update:kebab-case would compile to onUpdate:kebabCase. Now, they will all compile to onUpdate:kebabCase.

Alternatively, you can use camelCase instead of kebab-case, like this:

<n-date-picker
    v-model:formattedValue="monthRange"
    @update:formattedValue="handleMonthRange"
 />