el-date-picker日期不回显
时间: 2023-10-06 10:09:34 浏览: 229
解决Element中el-date-picker组件不回填的情况
5星 · 资源好评率100%
el-date-picker日期不回显的问题可能是由于绑定的v-model值已经改变,但是控件中没有实时更新导致的。解决这个问题的方法有两种。一种是在input方法中使用this.$set方法进行数据的更新,另一种是直接使用this.$set方法给v-model赋值。
具体操作可以参考以下代码示例:
```html
<el-date-picker v-model="formObj.formModel.deadTime" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" @input="testClick"></el-date-picker>
```
在input方法中使用this.$set方法进行数据的更新:
```javascript
methods: {
testClick(newVal) {
this.$set(this.formObj.formModel, "deadTime", newVal);
}
}
```
或者直接使用this.$set方法给v-model赋值:
```javascript
methods: {
testClick(newVal) {
this.$set(this.formObj, "formModel", { deadTime: newVal });
}
}
```
以上方法都可以解决el-date-picker日期不回显的问题。如果还有其他问题,请提供更多相关信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue.js中el-data-picker中type="daterange"修改日期的时候数据不回写的问题。](https://blog.csdn.net/wszhm123/article/details/97800087)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-date-picker选择后页面没有回显](https://blog.csdn.net/oldolder/article/details/125871547)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文