【vue】子组件dom不更新

【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
      }
    }