vue偵聽器監聽對象中屬性的變化

 <el-form-item label="油卡價格:" prop="petrolPrice">
      <el-select v-model="priceForm.petrolPrice" placeholder="油卡價格">//監聽priceForm對象裏面的petrolPrice屬性的變化 
        <el-option v-for="item in priceData"
                   :label="item.label"
                   :value="item.value"></el-option>
      </el-select>
 </el-form-item>
data(){
  return{
    priceForm: {
          petrolPrice: null,
          withdrawableDiscount: null,
          ordinaryDiscount: null,
          telephoneDiscount: null
     },
  }
}
watch: {
      "priceForm.petrolPrice": function(){ //加引號監聽對象裏的屬性
        this.getPetrolPrice();
        this.setPriceDiscount();
      }
 },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章