子组件触发父组件的自定义事件 父组件无任何反应

Question

以下为子组件 @change='showChange'为子组件事件以下模板注册为 order-type组件<template><select name="dType" class="form-control" v-el:select @change='showChange'>      <option value="" v-if="type=='selectAll'">全部</option>      <option v-for="branch in branchList" :value="branch.id" track-by="$index">        {{branch.name}}      </option>  </select></template>以下为子组件方法:        showChange(event) {            for (let branch of this.branchList) {                         if (branch['id'] === event.target.value) {                    this.$emit('showChange',branch['prefix']);                 }             }以下是父组件<order-type @showChange='alert(2)'></order-type>但alert(2) 并未执行

Answer 1

你直接这么写有问题的吧
应该是

<order-type @showChange='alertFun'></order-type>     

父组件有一个方法

methods: {

    alertFun () {

        alert(2)

    }

}

这里应该传递的是父组件方法的一个函数名，而不是直接写alert(2)