uni-app <template>模板中调用主页的方法

模板页  list-tel-card.vue

<uni-td align="center">
       <view class="uni-group">
            <button class="uni-button" size="mini" @click="showMsgList(item.tel)">外呼</button>
       </view>
</uni-td>

其中  showMsgEvent  主页的方法名  msg 为参数

methods: {
    showMsgList(msg){
    　　this.$emit('showMsgEvent', msg);
　　},

}

 

主页

<view v-else-if="seen==2">
    <list-tel-card :tableData="tableDataList2"  @showMsgEvent="showMsg">></list-tel-card> 
</view> 

 

methods: {
   showMsg(msg){                
         alert(msg);
   },

}