关于Element UI日期的bug

最近在学习vue集成Element UI,在学习到DatePicker 日期选择器的时候,发现了一个小bug

如图所示,会发现我选择的是2024-09-09,但实际提交的日期却是2024-09-08

官方代码:

我的代码:

两者未发现明显差异,然后就各种搜索,最终在该视频下找到了答案

https://www.bilibili.com/video/BV1NK4y187XH?p=28&vd_source=83e8b1211ca973b0be850b28e7844d94

最终解决方案

在el-date-picker代码中追加value-format=’yyyy-MM-dd’即可

完整代码:

“`

<el-form-item label=”生日” prop=”bir”>
                        <el-date-picker value-format=’yyyy-MM-dd’ type=”date” placeholder=”选择日期” v-model=”form.bir”
                            style=”width: 100%;”></el-date-picker>
                    </el-form-item>

“`

再补充一个关于axios的小问题

当前使用的vue版本是2.5.2,然后通过命令”cnpm install axios –save”安装最新版本的axios后,在引入的时候报错了

可以看到提示的axios 1.7.7版本,然后想着会不会是因为axios版本太高了,跟vue不兼容,然后想着降下版本试下,结果正常了

操作方法:

手动删除 node_modules\axios目录,然后执行

“`

cnpm install axios@1.5.0 –save

“`

如图所示代码安装完成,重新执行cnpm run dev即可

Tagged , ,