监听对象中某个属性值的变化

最新推荐文章于 2024-08-23 13:45:37 发布

dy1717

最新推荐文章于 2024-08-23 13:45:37 发布

阅读量101

点赞数 1

分类专栏： JavaScript Vue 文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/dy1717/article/details/141435147

版权

Vue 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

JavaScript

12 篇文章 0 订阅

订阅专栏

      <el-form ref="form" :key="formKey" :model="formData" class="cncform" :rules="rules" label-width="140px">
       
 <el-form-item label="供应商和制造片区" prop="supplier">
              <el-select v-model="formData.supplier" placeholder="请选择供应商" style="width: 100%" @change="supplierChange">
                <el-option v-for="item in supplierOptions" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </el-form-item>
</el-form>

<script>
export default { 
      data() {
    return {
        formData:{
            supplier:""
        }
    },
     watch: {
               'formData.supplier': {
      handler(newVal) {
//再这里就可以监听到
            console.log(newVal,'newVal')
      },
      deep: true
    },     



    }
  },  
    
}

</script>