el-date-picker 回显后 无法更新数据
时间: 2023-11-07 07:06:56 浏览: 98
el-date-picker 回显后无法更新数据的问题可能是由于以下几个原因导致的:
1. 绑定的数据没有正确更新:请确保你绑定的数据正确更新了。你可以通过在回显后打印相关数据进行调试,确认数据是否正确更新。
2. 组件的 value 属性没有正确设置:el-date-picker 组件有一个 value 属性,用于设置当前选中的日期。请确保在回显后,将正确的日期值赋给 value 属性。
3. 组件的 clearable 属性设置不正确:如果你希望在回显后能够清除日期,需要将 clearable 属性设置为 true。这样用户就可以通过点击清除按钮来清除日期。
4. 组件的 readonly 属性设置不正确:如果你希望在回显后禁用日期选择功能,可以将 readonly 属性设置为 true。
如果以上方法都没有解决你的问题,请提供更多的代码或者详细描述你遇到的问题,以便我更好地帮助你。
相关问题
el-date-picker 赋值回显后验证还在
您好,针对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-table中el-date-picker不回显
el-table中的el-date-picker不回显的问题可能是由于缺少重新渲染导致的。在el-table中使用el-date-picker时,如果想要修改时间后能够立即在页面上显示,可以通过给el-date-picker组件设置一个唯一的key来解决这个问题。在代码中,可以在changeTime方法中通过更新itemKey的值来触发el-date-picker组件的重新渲染,从而实现回显效果。
参考代码如下:
```
<el-table-column label="有效日期" prop="begin_timestamp" width="360px">
<template v-slot="scope">
<el-date-picker class="special" :key="itemKey" v-model="scope.row.valueTime" type="daterange" value-format="timestamp" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @input="changeTime($event, scope.row)"></el-date-picker>
</template>
</el-table-column>
...
data() {
return {
itemKey: Math.random() // 初始化一个随机值作为key
}
},
methods: {
changeTime(event, row) {
// 修改时间后更新itemKey的值,触发el-date-picker组件的重新渲染
this.itemKey = Math.random()
}
}
```
通过设置key值为随机数,每次修改时间时都会触发el-date-picker组件的重新渲染,从而实现回显效果。
阅读全文