el-date-picker 赋值回显后验证还在
时间: 2023-10-21 09:59:20 浏览: 124
您好,针对el-date-picker赋值回显后验证仍然生效的问题,您可以尝试以下解决方案:
1. 禁用验证:在el-date-picker上添加属性:disabled=true,这样就禁用了验证。
2. 手动触发验证:在回显值后手动调用表单验证方法,例如:this.$refs.form.validate()。
3. 使用v-model.lazy:使用v-model.lazy代替v-model可以延迟表单验证的时机,直到表单元素失去焦点或者提交表单时才会触发验证,例如:v-model.lazy="date"。
希望以上解决方案能够帮助到您,如有疑问请随时追问。
相关问题
<el-date-picker>赋值回显后无法修改
如果在 `<el-date-picker>` 组件中赋值后无法修改,可能是因为你在绑定 `v-model` 的同时,也设置了 `:default-value` 或 `:value` 属性,导致默认值或初始值始终保持不变。你可以尝试移除 `:default-value` 或 `:value` 属性,只使用 `v-model` 来进行数据的双向绑定。另外,你也可以在需要修改日期时,通过改变 `v-model` 的值来更新日期。
例如:
```html
<template>
<div>
<el-date-picker v-model="date"></el-date-picker>
<el-button @click="changeDate">修改日期</el-button>
</div>
</template>
<script>
export default {
data() {
return {
date: ''
}
},
methods: {
changeDate() {
this.date = '2021-09-01'; // 修改日期
}
}
}
</script>
```
在上面的例子中,我们只绑定了 `v-model`,并且通过 `changeDate` 方法来更新日期。
el-date-picker日期不回显
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 ]
阅读全文