新聞中心
這篇文章主要介紹“Vue如何刷新頁(yè)面”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“Vue如何刷新頁(yè)面”文章能幫助大家解決問(wèn)題。
成都創(chuàng)新互聯(lián)主營(yíng)嘉黎網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app開(kāi)發(fā)定制,嘉黎h5微信小程序開(kāi)發(fā)搭建,嘉黎網(wǎng)站營(yíng)銷(xiāo)推廣歡迎嘉黎等地區(qū)企業(yè)咨詢
我們?cè)趯?xiě)項(xiàng)目的時(shí)候,經(jīng)常會(huì)遇到,用戶執(zhí)行完某個(gè)動(dòng)作,改變了某些狀態(tài),需要重新刷新頁(yè)面,以此來(lái)重新渲染頁(yè)面。如:用戶登錄成功、增加、刪除、更新等。
原始方法:
location.reload();
vue自帶的路由跳轉(zhuǎn):
this.$router.go(0);
用過(guò)的人都知道,前兩者都是強(qiáng)制刷新頁(yè)面,會(huì)出現(xiàn)短暫的閃爍,用戶體驗(yàn)效果不好。
所以,我們選擇第三種方式:
首先在App里面寫(xiě)下如下代碼:
接下來(lái),我們就可以在需要刷新頁(yè)面的組件里這樣寫(xiě):
export default { inject:['reload'], //注入App里的reload方法 data () { return { ....... } },
關(guān)于“Vue如何刷新頁(yè)面”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
當(dāng)前名稱(chēng):Vue如何刷新頁(yè)面
文章網(wǎng)址:http://fisionsoft.com.cn/article/jiigpj.html