码迷,mamicode.com
首页 > 其他好文 > 详细

vue 监听对象里某个值的变化

时间:2020-06-08 10:41:59      阅读:324      评论:0      收藏:0      [点我收藏+]

标签:监听   vue   实时   ret   表单   使用   typename   对象   key   

假设vue里有个form表单对象:

      form: {
        id: null,
        projectName: null,
        state: ‘100‘,
        typeId: null,
        typeName: null      
      }

typeId变化时,实时修改typeName的值(因为是回调修改,其实有点延时)

使用watch监听typeId

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
      }
    }
  }

 

vue 监听对象里某个值的变化

标签:监听   vue   实时   ret   表单   使用   typename   对象   key   

原文地址:https://www.cnblogs.com/asker009/p/13064013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!