ElementUI:el-date-picker日期区间选择器,不进行二次渲染

前言：在写项目的时候，遇到一个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];

• 希望大佬们遇到这个问题可以直接看到我的文章解决