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

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>&nbsp; &nbsp; &nbsp;父组件有一个方法methods: {&nbsp; &nbsp; alertFun () {&nbsp; &nbsp; &nbsp; &nbsp; alert(2)&nbsp; &nbsp; }}这里应该传递的是父组件方法的一个函数名，而不是直接写alert(2)