ant disign vue pro 使用日期组件，无法动态赋值 解决

原文地址：https://blog.csdn.net/weixin_43865196/article/details/121849591

组件使用渲染

<a-date-picker
v-model="date"
format="YYYY-MM-DD"
valueFormat="YYYYMMDD"
:allowClear="false"
@change="(date,dateStr)=>{
this.date = date
}"
/>
<script>
data:{
obj:{
date: this.$moment().format('YYYYMMDD')
}
// 默认选中天日期
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
一般上面那种方式在查询条件中足够用了。

当用户需要做修改时回显值时，普通的=号赋值，就不能用来，如果用=号赋值，日期组件将会出现Bug（当用户点击一个日期时，日期的input不做更新）

methods(){
openModel () {
// 该方法代表当用户触发了表单弹窗时，我们需要对日期组件进行初始化值，这是后我们必须使用set当方式，像绑定的model对象赋值，这样才能触发双向绑定
//this.$set(this.obj, 'date', this.$moment().format('YYYYMMDD')) // 当天
this.$set(this.obj, '20991231', this.$moment().format('YYYYMMDD'))
// 改百年this.obj.e时 视图会更新
}
}
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/weixin_43865196/article/details/121849591