|
@@ -1,4 +1,4 @@
|
|
|
-import { defineComponent, onMounted, reactive } from "vue";
|
|
|
+import { defineComponent, onMounted, reactive, watch } from "vue";
|
|
|
import styles from "./index.module.less";
|
|
|
import { api_musicSheetPage } from "../../api";
|
|
|
import state, { togglePlay } from "/src/state";
|
|
@@ -26,8 +26,10 @@ export default defineComponent({
|
|
|
list: [] as any[],
|
|
|
finished: false,
|
|
|
loading: false,
|
|
|
+ hasNext: true,
|
|
|
});
|
|
|
const getList = async () => {
|
|
|
+ if (!data.hasNext) return
|
|
|
data.loading = true;
|
|
|
try {
|
|
|
const res = await api_musicSheetPage({
|
|
@@ -37,12 +39,19 @@ export default defineComponent({
|
|
|
data.list = [...data.list, ...res.data.rows];
|
|
|
}
|
|
|
data.finished = res.data?.rows?.length < forms.rows;
|
|
|
+ data.hasNext = res.data?.total > data.list.length
|
|
|
} catch (error) {
|
|
|
console.log(error);
|
|
|
}
|
|
|
|
|
|
data.loading = false;
|
|
|
};
|
|
|
+ watch(
|
|
|
+ () => props.recentFlag,
|
|
|
+ () => {
|
|
|
+ data.hasNext = true
|
|
|
+ }
|
|
|
+ );
|
|
|
onMounted(() => {
|
|
|
getList();
|
|
|
});
|