猜你喜欢

刀刀

1/2/2025

0 字

0 分钟

猜你喜欢模块在个人中心页和首页都有设置，都有触底上拉加载更多的功能。因此通过组合式函数把相同部分功能的抽出来，需要使用的使用分别引入使用即可。代码如下所示：

useMember.js

import type { XtxGuessInstance } from '@/types/components'
import { ref } from 'vue'

// 猜你喜欢组合式函数
export const useGuessList = () => {
  const guessRef = ref<XtxGuessInstance>()

  // 触底
  const onScrolltolower = () => {
    guessRef.value?.getMore()
  }

  return {
    guessRef,
    onScrolltolower,
  }
}

个人中心页

<script setup lang="ts">
import { useGuessList } from '@/composables/index'

const { guessRef, onScrolltolower } = useGuessList()
</script>