前言:在写项目的时候,遇到一个ElementUI:el-date-picker日期选择器选择日期区间二次渲染不上去的问题
-
直接上代码
<el-form-item label="系统入账日期"> <el-date-picker v-model="selectTimes" type="daterange" range-separator="至" start-placeholder="开始日期" value-format="yyyy-MM-dd" end-placeholder="结束日期"> </el-date-picker> </el-form-item>
data() { return { selectTimes: ["2022-07-15","2022-07-16"], }, //组件中点击搜索后执行的方法 handleQuery(handleQuery) { this.selectTimes[0] = handleQuery.beginDate//这个是外面这个组件传回来的开始时间 this.selectTimes[1] = handleQuery.endDate//这个是外面这个组件传回来的结束时间 },
-
理想状态:
-
现实啪啪打脸
-
凭借我的三寸不烂之舌和顽强的意志…,其实很简单就能解决
this.selectTimes = [handleQuery.beginDate,handleQuery.endDate];
- 希望大佬们遇到这个问题可以直接看到我的文章解决