vue中添加change的js事件并根据下拉框内容动态改变另一个组件中的数据（亲测有效）

vue中添加change的js事件并根据下拉框内容动态改变另一个组件中的数据
话不多说看我怎么完成的，以我当前实现的例子演示
我想根据班级下拉框来动态改变报名费内容

具体步骤如下：
1.首先给下拉框的组件加一个change

@change=“changeFeiByclass”
2.在method中定义一个下拉框事件的方法

对里面的代码说一下：
this.entity.classId：这个是下拉框绑定的id，
全局定义了一个变量用来存储下拉框获取的数据，
this.entity.baomingCoost：这个是报名费的组件v-model的内容

changeFeiByclass(){
      var className=this.entity.classId;
      console.log('classId:'+this.entity.classId);
      this.classDatas.forEach(item=>{
            if (item.id==this.entity.classId) {
              this.entity.baomingCoost=item.baomingCoost;
            }
          })
    }

流程和代码给你了 ，加油哦！