<el-date-picker v-model="nowTime"></el-date-picker>
data() {
return {
nowTime: "",
};
},
问题描述:代码如上,el-date-picker控件在ie浏览器中加载时,选择日期后,点击导航栏的刷新按钮刷新页面,该控件的初始值并未赋值,即还是显示刷新前所选择的日期。其他浏览器就没问题。
问题效果如下:
解决:
为el-date-picker控件添加key属性
<el-date-picker v-model="nowTime" :key="nowTime"></el-date-picker>
修改后效果如下:
原因:(个人理解)
未加key属性时,刷新页面,只是元素内容需要修改,并没有旧元素的删除和新元素的建立,添加key属性后,页面选择日期时,属性变化,刷新页面时key变化,key的改变会引起新组件的创建和原有组件的删除,此时组件的生命周期钩子也会被触发,即该组件重新渲染了。