前端哥

Nuxt.js核心知识详解

2024-01-311.Nuxt.js 服务器端的完整渲染(SSR)流程2.在 Nuxt.js 中使用 `asyncData` 和 `fetch` 方法进行数据获取与在普通 Vue 应用中直接使用 Axios 进行数据请求的区别3.如果我不使用asyncData发起请求,而是使用正常的axios发请求就没有服务端的渲染效果了,也就和普通的vue项目一样了4.示例:使用 `asyncData` 方法,将涉及从前端发起请求到服务器端获取数据,最后在页面上渲染数据的完整步骤…

https://www.qianduange.cn//article/876.html 分类:前端知识

nuxt3 useFetch封装一个api接口http请求 - 解决刷新页面useFetch无返回

2024-01-30比如我的关注页面,在其他页面点了关注,每次进这个页面或者刷新都需要去后台重新获取数据,所以我给入参加了一个以时间戳为值的参数key,但是这样导致每次F5刷新页面的时候,都拿不到数据,导致页面没有显示。Suspense不起作用。浏览器刷新的时候页面没有显示数据,接口data无返回。本身nuxt的useFetch在参数不变的情况下,数据是不会重新从后台接口去请求数据的,会直接拿上一次的结果。但是有实时去后台获取数据这样的需求,项目中封装接口请求,并且解决刷新页面useFetch无返回数据问题。_usefetch

https://www.qianduange.cn//article/784.html 分类:前端知识

深度剖析Ajax实现方式(原生框架、JQuery、Axios,Fetch)

2024-01-28本文将深度剖析Ajax实现方式,关注于XML、JSON以及现代框架的精髓。Ajax作为一种重要的Web技术,使得网页能够在无需刷新的情况下实现异步通信,极大地提升了用户体验。我们将首先介绍Ajax的基本原理和重要性,随后详细探讨XML和JSON在Ajax中的运用。然后,我们将深入研究原生JavaScript以及流行框架如jQuery、Axios和Fetch在Ajax开发中的应用。通过案例分析和代码示例,读者将全面了解各种实现方式的特点、优劣以及适用场景。

https://www.qianduange.cn//article/680.html 分类:前端知识

flex 布局 子元素不设置宽高,高度撑满父元素的问题

2024-01-28align-items: stretch子元素不设置宽高,其高度与父元素高度相同_flex布局高度撑开

https://www.qianduange.cn//article/625.html 分类:前端知识

vue3的getcurrentInstance获取组件实例踩坑记录

2024-01-26我们可以通过 getcurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象;。在Vue3中,可以用来获取当前组件实例访问组件实例的属性:可以通过或来获取当前组件实例的属性。例如,可以使用访问组件的 props 属性。调用组件实例的方法:可以通过或来调用当前组件实例的方法。例如,可以使用来触发组件的自定义事件。在生命周期钩子中使用:可以在组件的生命周期钩子中使用来获取当前组件实例,以便在钩子函数中访问组件实例的属性或调用组件实例的方法。_getcurrentinstance

https://www.qianduange.cn//article/454.html 分类:前端知识

报`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误解决办法

2024-01-24`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误通常出现在使用fetch API发起网络请求时,无法成功获取资源时抛出的异常_uncaught (in promise) error: network error

https://www.qianduange.cn//article/174.html 分类:前端知识

166条数据,当前17/17

最近搜索

会员中心 联系我 留言建议 回顶部
浏览器升级提示:您的浏览器版本较低,建议您立即升级为知了极速浏览器,极速、安全、简约,上网速度更快!立即下载