yixing_zc_wx/pages/subPackages/merchants/merchants.vue

<template>
  <div>
    <van-tabs
      class="merchants"
      :active="active"
      @change="onChange"
      title-active-color="#1D18BC"
    >
      <van-tab title="房源查询" class="housemange">
        <house-manger ref="houseManger" />
      </van-tab>
      <van-tab title="我的招商">
        <my-mechants ref="mymechants" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import houseManger from "./components/housemanger.vue";
import myMechants from "./components/mymechants.vue";
import { findYuanQuList } from "@/js_sdk/http.js";
const form = {
  status: [],
  chaoxiang: [],
};
export default {
  components: {
    houseManger,
    myMechants,
  },
  data() {
    return {
      active: 0,
    };
  },
  onShow() {
    this.$refs.mymechants.firstfindCompanyInfoList();
  },

  methods: {
    onLoadMore() {},
    getChaoxiang() {},
    getStatus() {},
    onChange(e) {
      this.active = e.detail.name;
      this.$refs.mymechants.resize();
    },
  },
  onPullDownRefresh: function () {
    // 加载数据
  },
  onReachBottom() {
    console.log(this.active);
    if (this.active == 0) {
      this.$refs.houseManger.getMoreList();
    }
    if (this.active == 1) {
      console.log(this.$refs.mymechants);
      this.$refs.mymechants.getMoreList();
    }
    console.log("滑动到距离底部100px的时候触发,可以放 。。业务逻辑");
  }, //下拉执行的时候触发 （下拉刷新）
};
</script>