avue监听下拉列表变化实时更新数据

最新推荐文章于 2025-03-17 08:02:46 发布

Mr.T's Blog

最新推荐文章于 2025-03-17 08:02:46 发布

阅读量2.6k

点赞数

文章标签： avue 监听下拉列表监听

本文链接：https://blog.youkuaiyun.com/qq_27751965/article/details/115959740

版权

本文介绍了如何利用 Vue.js 的 watch 功能监听下拉列表数据变化，实时更新相关字段，特别适合子组件初始化时的数据联动。通过实例演示了当用户选择下拉选项时，如何动态设置 'sourceTermForm.name' 属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用点：监听下拉列表数据变化，自动生成其他数据，同时适用于子组件初始化

 watch:{
      'sourceTermForm.$type':{
      //val 为当前下拉列表选中数据，同时更新数据
           handler(val){
               if(val!='' && val!=undefined && val!=null){
                   this.sourceTermForm.name = val + '数据源'
               }else{
                   this.sourceTermForm.name = ''
               }
           },
           immediate: true
       }
   },