【vue】子组件dom不更新
当前页面组成
目的: 开始时间与结束时间根据周数切换而变化
问题:父子组件之间通过props正向传递参数,子组件能接收到最新参数,但相应的dom并未更新
解决方案:在子组件相应dom上添加 :key ,并监听传入的参数,更新inputkey
<el-date-picker
v-model="formData[item.key]"
:type="item.type"
:placeholder="'请选择' + item.title"
:disabled="item.disable"
:key="inputkey"
@blur="handleBlur"
>
props: {
formData: {
type: Object,
default: () => {
return {}
}
},
}
data() {
return {
inputkey: +new Date()
}
},
watch:{
formData:{
handler(nval,oval){
this.inputkey= +new Date()
},
deep:true,
immediate:true
}
}