父組件中添加v-if,父傳子接收不到值


父組件引用的子組件上添加 v-if 判斷

 <el-date-picker
      v-if=“type” // 父組件引用的子組件上添加v-if判斷 :clearable
="false" @change="changeDate()" value-format="yyyy-MM-dd" v-model="startDate" type="date" placeholder="選擇日期"> </el-date-picker>

data{
  return(){
    type: true
  }
}

 

子組件接收

props: {
   startDate: {  // props中定義要接收的數據
        type: String,
        default: () => ''
   }
},


watch: {

     startDate(newValue) {  // watch監聽不到父組件傳輸的數據
        this.beginDate = newValue 
    },
}    

添加 immediate:true 屬性

 startDate:{
        immediate: true,
        handler(newValue){
          this.beginDate = newValue
        }
      },

 

問題解決!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM