vue使用watch监听json对象中某个键值发生改变触发事件

最新推荐文章于 2025-09-22 00:07:32 发布

转载最新推荐文章于 2025-09-22 00:07:32 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/asker009/p/13064013.html

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

35 篇文章

订阅专栏

该博客介绍了如何在JavaScript中通过函数处理表单的'typeId'字段，当'typeId'为空时，设置'typeName'为null，否则根据预设的projectTypeOptions映射表获取对应的display_name显示名称。

watch: {
    'form.typeId': {
      handler: function() {
        if (!this.form.typeId) {
          this.form.typeName = null
          return
        }
        this.form.typeName = this.projectTypeOptions.find(item => { return item.key === this.form.typeId }).display_name
      }
    }
  }