vue 父組件動態向子組件傳值

1.父組件代碼

 <div class="submit-box">
      <pointModel v-if="poinShow" @closePoint="closePoint" :longitude="longitude" :latitude="latitude"></pointModel>
    </div>

2.子組件代碼先通過props接受參數

props:{
      longitude:{
        type: Number,
        default: 0
      },
      latitude: {
        type: Number,
        default: 0
      }
    },

3在子組件通過watch監聽參數變化並賦值

watch: {
      longitude: function(newval,oldval){
        this.formTop.longitude = newval
      },
      latitude: function(newval,oldval){
        this.formTop.latitude = newval
      }
    },

4.效果