Nuxt3-跳转页面首屏空白，需要刷新问题

最新推荐文章于 2024-09-03 17:30:31 发布

fat_shady

最新推荐文章于 2024-09-03 17:30:31 发布

阅读量3.7k

点赞数 4

文章标签：前端经验分享

本文链接：https://blog.csdn.net/fat_shady/article/details/126226961

版权

问题描述

在nuxt3项目中使用<NuxtLink to=" " />标签跳转之后，页面第一次都是空白，需要刷新之后才展示页面内容。
pages目录和跳转页面代码如下：

<template>
  <div class="index-list">
    <NuxtLink class="item" :id="index==0?'first':''" v-for="(item,index) in itemList" :key="index" :to="item.path">
      <img :src="item.icon">
      <div>{
  { item.name }}</div>
    </NuxtLink>
  </div>
</template>

<script lang="ts" setup>
const data = reactive({
  itemList: [
    {icon: 'static/hsb.png', name: '页面1', path: '/program/tallage'},
    {icon: 'static/htb.png', name: