vue侦听器监听对象中属性的变化

<el-form-item label="油卡价格：" prop="petrolPrice"><el-select v-model="priceForm.petrolPrice" placeholder="油卡价格">//监听priceForm对象里面的petro

清风了了

4748人浏览 · 2018-09-22 16:22:05

清风了了 · 2018-09-22 16:22:05 发布

 <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();
      }
 },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^