<el-date-picker>赋值回显后无法修改
时间: 2023-11-08 17:09:33 浏览: 118
ngx-input-date-range-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` 方法来更新日期。
阅读全文