vue中g(shù)o和back的區(qū)別有哪些

這篇文章主要講解了“vue中g(shù)o和back的區(qū)別有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“vue中g(shù)o和back的區(qū)別有哪些”吧！

vue中g(shù)o和back的區(qū)別是：1、利用go()返回原頁(yè)面會(huì)刷新界面，而利用back()返回原頁(yè)面不會(huì)進(jìn)行刷新；2、利用go()返回原頁(yè)面表單中的內(nèi)容會(huì)丟失，而利用back()返回原頁(yè)面表單中的內(nèi)容會(huì)保留。

本文操作環(huán)境：windows10系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vue中g(shù)o和back的區(qū)別是什么

開(kāi)發(fā)中遇到返回上一頁(yè)的需求，有兩個(gè)方法可選：

1.$router.back()

2.$router.go()

在使用中發(fā)現(xiàn)，使用r o u t e r . b a c k ( ) 和 router.back()和router.back()和router.go(-1)作用相同，都是返回原頁(yè)面。但如果原頁(yè)面路由攜帶參數(shù)，使用以上兩個(gè)方法返回的原頁(yè)面路由參數(shù)消失，此時(shí)使用$router.back(-1)返回原頁(yè)面路由參數(shù)仍存在。

go(-1): 原頁(yè)面表單中的內(nèi)容會(huì)丟失；

• this.$router.go(-1)：后退+刷新；

• this.$router.go(0)：刷新；

• this.$router.go(1) ：前進(jìn)

back(): 原頁(yè)表表單中的內(nèi)容會(huì)保留；

• this.$router.back():后退 ；

• this.$router.back(0) 刷新；

• this.$router.back(1)：前進(jìn)

感謝各位的閱讀，以上就是“vue中g(shù)o和back的區(qū)別有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)vue中g(shù)o和back的區(qū)別有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！