vue标签组

最新推荐文章于 2024-09-30 14:28:41 发布

可峰科技

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量282

点赞数 3

分类专栏： Nuxt3 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/windxf/article/details/139741731

版权

Nuxt3 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

先看样式
在这里插入图片描述
再看代码

<div v-else class="relative">
  <n-tabs ref="tabsInstRef" v-model:value="selectValue" class="min-w-3xl myTabs">
    <n-tab-pane
      v-for="(tab) in songsTags" :key="tab.name" display-directive="show:lazy"
      :name="tab.name"
    >
      <SongListSkeleton v-if="currentSongList.loading" />
      <div v-else class="mt-4">
        <SongList :songs="currentSongList.list" />
        <ListLoading
          v-if="currentSongList.list.length > 15"
          :no-more="currentSongList.noMore"
          :load-more="loadMore"
        />
      </div>
    </n-tab-pane>
  </n-tabs>
</div>