Nuxt3 页面跳转及跳转页面数据获取

1,221 阅读1分钟

一、跳转页面

1.NuxtLink //标签内都用这个 2.navigateTo() //js中都用这个

3.嵌套页面跳转 “父页面”.vue中写NuxtPage “父页面”文件下.vue 会被渲染到NuxtPage标签中

二、页面数据获取

const {data,refresh}= useFetch( ()=> url, { method?:string, body?:any, lazy?:boolean //请求完成前是否堵塞跳转页面 …. } )

  • data (Ref包裹的返回结果)
  • refresh() 可以刷新获取到的数据,默认同一个url第二次请求拿到的是第一次的缓存。要想获取最新的数据需要在携带参数改编后执行refresh body = … refresh()