cv-tab-lists 自带tab的列表页 ¶

<template>
  <view>
    <cv-tab-lists :tabsConfig="tabsConfig">
      <template #default="{rows,index,tabIndex}">
        <!-- ... -->
      </template>
    </cv-tab-lists>
  </view>
</template>
<script>
export default {
  data() {
    return {
      tabsConfig: [{
        tabTitle: '切换卡',
        apiFunc: getData,
        apiParam: {}
      }],
    };
  },
  methods: {
    getData: (params) => {
      return new Promise((resolve, reject) => {
        let data = [];
        /* 模拟请求500毫秒拿到数据 */
        setTimeout(() => {
          if (params.page > 3) {
            resolve({ data: data });
          } else {
            for (let i = 0; i < params.pagesize; ++i) {
              data.push({ title: params.tabTitle, info: '此处为演示内容' });
            }
            resolve({ data: data });
          }
        }, 500)
      })
    }
  }
}
</script>