$emit一直报错找不到

[lucian-ma]

问题描述

emit一直报错找不到，this.$refs.infinitescroll1打印出来是有值的

产生环境

• **使用版本：-1.2.6
• **引入方式： NPM
• **演示地址：-

提示错误信息

1. MyOrder.vue?04cb:92 Uncaught TypeError: this.$refs.infinitescroll1.$emit is not a function at VueComponent.loadMore (MyOrder.vue?04cb:92) at VueComponent.scrollHandler (ydui.rem.js?bd3f:5) at eval (ydui.rem.js?bd3f:5)
2. ...

代码区域

<template>
  <div id="myOrder">
    <navi title="我的订单" backTo="/Mine"></navi>
    <yd-tab
      color="#666666"
      font-size="0.28rem"
      active-color="#FF112E"
      height="0.88rem"
      :callback="titleSelect"
    >
      <yd-tab-panel
        v-for="(item,index) in dataArr"
        :key="index"
        :label="item.title"
        :tabkey="index"
      >
        <div v-if="item.data.length==0" class="emptyContainer">
          <img src="@/assets/orderEmpty.svg" alt>
          <span>还没有相关的订单呢</span>
        </div>
        <div v-else class="orderContainer">
          <yd-infinitescroll :callback="loadMore" ref="infinitescroll1">
            <yd-list slot="list">
              <orderCell
                v-for="(order,index2) in item.data"
                :data="order"
                :key="index2"
                @click="goOrderDetail(order.orderId)"
              ></orderCell>
            </yd-list>
            <div slot="doneTip" class="noMore">没有更多了</div>
          </yd-infinitescroll>
        </div>
      </yd-tab-panel>
    </yd-tab>
  </div>
</template>

<script>

</script>

[lucian-ma]

<yd-infinitescroll :callback="loadMore" ref="infinitescroll1">
        <yd-list slot="list">
          <orderCell
            v-for="(order,index2) in item.data"
            :data="order"
            :key="index2"
            @click="goOrderDetail(order.orderId)"
          ></orderCell>
        </yd-list>
        <div slot="doneTip" class="noMore">没有更多了</div>
      </yd-infinitescroll>  单独使用的时候可以 但是和yd-tab-panel混用就报错