国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<del id="0om9d"><pre id="0om9d"></pre></del>

前端刷新頁面的五種方法（含原生js、vue和react）

2年前作者：Sjure`分類：Toy博客閱讀(24)違法舉報

這篇具有很好參考價值的文章主要介紹了前端刷新頁面的五種方法（含原生js、vue和react）。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

原生JS

1、window.history.go(0)方法

window.history.go(0)

2、location.reload()方法

location.reload()

3、location.href=location.href方法

location.href=location.href

vue

4、vue-router方法

const router = useRouter()

router.go(0)

react

5、react-router方法文章來源地址http://www.zghlxwxcb.cn/news/detail-600871.html

import { createBrowserHistory, createHashHistory } from 'history';

const history = createBrowserHistory() // history模式
const history = createHashHistory() // hash模式

history.go(0)

到了這里，關(guān)于前端刷新頁面的五種方法（含原生js、vue和react）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進(jìn)行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

vue/react項目刷新頁面出現(xiàn)404的原因以及解決辦法
問題描述：vue/react項目，正常的頁面操作跳轉(zhuǎn)，不會出現(xiàn)404的問題，但是一旦刷新，就會出現(xiàn)404報錯。產(chǎn)生原因：我們打開vue/react打包后生成的dist文件夾，可以看到只有一個 index.html 文件及一些靜態(tài)資源，這個是因為vue/react是單頁應(yīng)用(SPA)，只有一個index.html作為入口文件，
2024年02月06日
瀏覽(28)
前端項目部署自動檢測更新后通知用戶刷新頁面（前端實現(xiàn)，技術(shù)框架vue、js、webpack）——方案二：輪詢?nèi)ヅ袛喾?wù)端的index.html是否跟當(dāng)前的index.html的腳本hash值一樣
當(dāng)我們重新部署前端項目的時候，如果用戶一直停留在頁面上并未刷新使用，會存在功能使用差異性的問題，因此，當(dāng)前端部署項目后，需要提醒用戶有去重新加載頁面。 vue、js、webpack 根據(jù)打完包之后生成的 script src 的hash值去判斷，每次打包都會生成唯一的hash值，只要輪
2024年01月23日
瀏覽(52)
Vue/React 項目部署到服務(wù)器后，刷新頁面出現(xiàn)404報錯
問題描述：在本地啟動項目一切正常，部署到服務(wù)器上線后出現(xiàn)BUG，項目刷新頁面出現(xiàn)404 。起初以為是自己路由守衛(wèi)或是token丟失問題，找了一圈終于解決了產(chǎn)生原因：我們打開vue/react打包后生成的dist文件夾，可以看到只有一個 index.html 文件及一些靜態(tài)資源，這個是因為
2024年02月07日
瀏覽(34)
微前端：qiankun的五種通信方式
今天盤點一下 qiankun 父子應(yīng)用的通信方式都有哪些，我發(fā)現(xiàn)了 5 種。 1、localStorage/sessionStorage 2、通過路由參數(shù)共享 3、官方提供的 props 4、官方提供的 actions 5、使用vuex或redux管理狀態(tài)，通過shared分享接下來我們一個一個進(jìn)行說明有人說這個方案必須主應(yīng)用和子應(yīng)用是同一個
2024年03月21日
瀏覽(27)
js刷新頁面方法合集分享
? 本文介紹下，用js刷新當(dāng)前頁面的幾種方法，包括reload方法、replace方法、自動刷新方法等。有需要的朋友參考下吧如何實現(xiàn)刷新當(dāng)前頁面呢？借助js你將無所不能。 1，reload 方法，該方法強(qiáng)迫瀏覽器刷新當(dāng)前頁面。語法：location.reload([bForceGet])?? 參數(shù)： bForceGet，可選參數(shù)
2024年02月06日
瀏覽(24)
JS強(qiáng)制刷新頁面的方法！
1.使用location.reload()方法：這是一種最簡單的強(qiáng)制刷新頁面的方法，它會重新加載當(dāng)前頁面并且重新請求所有資源，包括 JavaScript 文件、CSS 文件、圖片等。代碼示例： 2.使用location.replace()方法：此方法會加載一個新頁面，并替換當(dāng)前頁面，實現(xiàn)了強(qiáng)制刷新的效果。代碼示例
2024年02月05日
瀏覽(24)
前端傳遞對象，后臺接收對象的五種方式
前端傳遞對象，后臺接收對象的方式主要有以下幾種：使用 @RequestBody 注解：在 Spring Boot 控制器方法中使用 @RequestBody 注解將請求體中的 JSON 數(shù)據(jù)映射為 Java 對象。使用 @ModelAttribute 注解：在 Spring Boot 控制器方法中使用 @ModelAttribute 注解將 URL 參數(shù)或表單數(shù)據(jù)映射為 Java 對象
2024年02月06日
瀏覽(23)
前端頁面點擊刷新-觸發(fā)vue生命周期加載最新數(shù)據(jù)
需求背景：layout布局，頁面頭部通過定時器獲取后端消息的偽消息通知功能，在點擊消息時獲取所有消息總數(shù)并且刷新頁面，以便觸發(fā)vue的生命周期重新獲取所有消息，消息展示在content中。 ?要觸發(fā)頁面刷新，可以使用vue路由的router.push方法，添加一個動態(tài)的query參數(shù)，可以
2024年02月21日
瀏覽(23)
數(shù)組求和的五種方法
// 數(shù)組求和的方法 let arr = [1,2,3,4,5] // 方法一：遞歸 function sum(arr){ const len = arr.length; if(len === 0) { return 0; } else if(len === 1){ return arr[0]; } else { return arr[0] + sum(arr.slice(1)); } } // 方法二：循環(huán) function sum(arr) { let s = 0; for(let i=0; iarr.length; i++){ s += arr[i] } return s; } // 方法三：map-reduce
2024年02月10日
瀏覽(23)
Vue路由跳轉(zhuǎn)的五種方式
路由跳轉(zhuǎn)有兩種形式：聲明式導(dǎo)航、編程式導(dǎo)航 1. router-link 聲明式 prop= :to=“…” 相當(dāng)與 router.push(…) router-link中鏈接如果是’ / \\\'開始，就是從根路由開始如果開始不帶 ’ / \\\'，則是從當(dāng)前路由開始例子 2. this.$router.push() 可追溯編程式 router.push(…)//該方法的參數(shù)可以是一個
2024年02月05日
瀏覽(39)

<th id="ihpnm"><input id="ihpnm"><small id="ihpnm"></small></input></th>