参考:https://www.jianshu.com/p/185aa47d41c7

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  <el-form-item label="活动名称" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
  <el-form-item label="活动区域" prop="region">
    <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
 </el-form>

<script>
	data(){
  return{
    ruleForm:{},
    flagchange: 0, // 默认值
  }
},
watch:{
  // 监听编辑是否有修改 - departAddForm
    ruleForm: {
      handler(val) {
        if (this.flagchange > 0) { 
           // 表单中的值发生了改变
        }
        this.flagchange++;
      },
      deep: true// 深度监听
    }
},
</script>
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐