【问题标题】:Vue.js, emit multiple parameters from child to parentVue.js,从子级向父级发出多个参数
【发布时间】:2021-01-12 14:43:05
【问题描述】:

我正在尝试从孩子向父母发出多个参数。最好的方法是什么。

儿童

 getUpdated(value, type) {
                  
    if (type === 'students') {
     this.students = value.map(val => val.id);
    }
                  
    if (type === 'programs') {
     this.programs = value.map(val => val.code);
    }
    this.$emit('selectedOptions', students:this.students, programs:this.programs );
    },

家长

 onSelectedOption(students, programs) {
    if (students !== undefined || students.length > 1) {
      this.students = students;
  } 
  if (programs !== undefined || programs.length > 1) {
    this.programs = programs;
  }
},

【问题讨论】:

    标签: javascript vue.js events vue-component vue-events


    【解决方案1】:

    发射一个具有多个属性的对象:

    this.$emit('selectedOptions', {
      students: this.students,
      programs: this.programs
    });
    

    在父级中:

    onSelectedOption(options) {
      if (options.students && options.students.length) {
        this.students = options.students;
      } 
      if (options.programs && options.programs.length) {
        this.programs = options.programs;
      }
    },
    

    【讨论】:

      猜你喜欢
      • 2019-02-22
      • 1970-01-01
      • 2020-07-01
      • 1970-01-01
      • 2017-10-18
      • 1970-01-01
      • 1970-01-01
      • 2018-10-06
      • 1970-01-01
      相关资源
      最近更新 更多