vue el-date-picker 日期选择回显后成功后无法改变的解决办法

原创于 2022-11-16 16:19:26 发布 · 4.9k 阅读

本内容遵循CC 4.0 BY-SA版权协议

在前端开发中遇到一个日期选择组件的问题，当尝试为日期范围选择器回显初始值后，用户再次修改日期时数据无法更新。问题出现在使用`this.$set`方法为`searchParam.bxrq`赋值的代码段。可能的原因包括数据绑定异常或者组件的更新机制错误。

写前端日期选择的时候遇到一个很奇怪的问题，回显赋值后再次修改无法更新数据

<div>
          <el-form-item label="选择时间："
                        prop="bxrq"
                        class="searchtime30">
            <el-date-picker v-model.trim="searchParam.bxrq"
                            type="daterange"
                            start-placeholder="开始日期"
                            range-separator="至"
                            end-placeholder="结束日期"
                            value-format="yyyy-MM-dd"
                            :picker-options="pickerOptions1"
                            @blur="changePackageTime"
                            clearable>
            </el-date-picker>
          </el-form-item>
        </div>

回显时 //用这个方法赋值

  let riqi=[sstj.startTime,sstj.endTime] // [ "2022-11-01", "2022-11-17" ] 
  this.$set(this.searchParam,'bxrq',riqi)

标签

#vue.js #前端 #elementui

vue el-date-picker 日期选择 回显后成功后无法改变的解决办法

vue el-date-picker 日期选择回显后成功后无法改变的解决办法