建设网站的文案范文,棋牌类网站设计建设,做医疗类网站有什么需要审核的,装修设计软件排名虽然 el 官方提供了 Infinite Scroll 无限滚动 组件 但是却不支持 el-table 组件#xff0c;这就很难受了#xff0c;还好已经有大佬写好了插件#xff0c;并且支持 element-plus/infinite-scroll 组件的所有选项。
el-table-infinite-scroll el-table-infinite-scroll
看…虽然 el 官方提供了 Infinite Scroll 无限滚动 组件 但是却不支持 el-table 组件这就很难受了还好已经有大佬写好了插件并且支持 element-plus/infinite-scroll 组件的所有选项。
el-table-infinite-scroll el-table-infinite-scroll
看文档就行
安装
npm install --save el-table-infinite-scroll全局注册
import { createApp } from vue;
import App from ./src/App.vue;import ElTableInfiniteScroll from el-table-infinite-scroll;const app createApp(App);app.use(ElTableInfiniteScroll);
app.mount(#app);组件注册
templateel-table v-el-table-infinite-scrollload/el-table
/templatescript setup
import { default as vElTableInfiniteScroll } from el-table-infinite-scroll;
/script使用例子
templateel-tablev-el-table-infinite-scrollload:datadata:infinite-scroll-disableddisabledheight200pxel-table-column typeindex /el-table-column propdate labeldate /el-table-column propname labelname /el-table-column propage labelage //el-table
/templatescript setup
import { ref } from vue;const dataTemplate new Array(10).fill({date: 2009-01-01,name: Tom,age: 30,
});const data ref([]);
const disabled ref(false);
const page ref(0);
const total ref(5);const load () {if (disabled.value) return;page.value;if (page.value total.value) {data.value data.value.concat(dataTemplate);}if (page.value total.value) {disabled.value true;}
};
/script
