在methd的事件处理程序中出错。 $从vue.js中将子事件发送到其他组件

时间:2017-11-11 14:02:37

标签: vue.js emit

我遇到了下一个问题:“add”的事件处理程序出错:“TypeError:this.fetchSelectData不是函数”。

有两个不同的组件,而不是孩子和父母。

// CustomerModalComponent.vue

methods: {
   addCustomer() {
   ... 
   this.$root.$emit('add')
   }
 }

// StationModalComponent.vue

 methods: {
      fetchSelectData() {
        axios.get('/api/customers/companies')
                    .then(response => {
                        this.customers = response.data.companies
                    })
                    .catch(error => console.log(error))
      }
    },
    mounted() {
      ...
      this.$root.$on('add', function() {
        this.fetchSelectData()
      }
    }

0 个答案:

没有答案