vue中使用element DateTimePicker,数据绑定不上

说明

1、DateTimePicker虽然有快捷选日期的功能,有时候需要自定义按钮就需要代码去修改属性
2、群里的小伙伴在ie系列浏览器遇到一个鬼畜问题,就是数据更新了,DateTimePicker并没有渲染,DateTimePicker通过v-model绑定了数据,在设置函数里修改了数据,然而DateTimePicker里还是空的


vue中使用element DateTimePicker,数据绑定不上_第1张图片
DateTimePicker 数据没更新

2、解决办法,刷新组件,通过v-if来创建新的组件


通过v-if刷新组件 图1

vue中使用element DateTimePicker,数据绑定不上_第2张图片
通过v-if刷新组件 图2

3、实现效果入下图
vue中使用element DateTimePicker,数据绑定不上_第3张图片
实现效果

HelloWorld.vue

有兴趣的小伙伴可以来试试ie的鬼畜呦,vue-cli+babel,完整代码附上








你可能感兴趣的:(vue中使用element DateTimePicker,数据绑定不上)