猜你喜欢

作者:Yuan Tang

更新于:6 个月前

字数统计:134 字

阅读时长:1 分钟

猜你喜欢模块在个人中心页和首页都有设置，都有触底上拉加载更多的功能。

因此通过组合式函数把相同部分功能的抽出来，需要使用的使用分别引入使用即可。

代码如下所示：

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>

Contributors

Yuan Tang