中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vue用什么方法刷新頁面

發布時間:2021-06-25 09:03:01 來源:億速云 閱讀:120 作者:chen 欄目:開發技術

本篇內容介紹了“Vue用什么方法刷新頁面”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

我們在寫項目的時候,經常會遇到,用戶執行完某個動作,改變了某些狀態,需要重新刷新頁面,以此來重新渲染頁面。如:用戶登錄成功、增加、刪除、更新等。

  • 原始方法:

location.reload();
  • vue自帶的路由跳轉:

this.$router.go(0);

用過的人都知道,前兩者都是強制刷新頁面,會出現短暫的閃爍,用戶體驗效果不好。
所以,我們選擇第三種方式:

  • 首先在App里面寫下如下代碼:

<template>
    <div id="app">
    	<router-view v-if="isRouterAlive"></router-view>
	</div>
</template>
<script>
    export default {
        name: 'App',
        provide () {    //父組件中通過provide來提供變量,在子組件中通過inject來注入變量。                                             
            return {
                reload: this.reload                                              
            }
        },
        data() {
            return{
                isRouterAlive: true                    //控制視圖是否顯示的變量
            }
        },
        methods: {
            reload () {
                this.isRouterAlive = false;            //先關閉,
                this.$nextTick(function () {
                    this.isRouterAlive = true;         //再打開
                }) 
            }
        },
    }
</script>

接下來,我們就可以在需要刷新頁面的組件里這樣寫:

export default {
    inject:['reload'],                                 //注入App里的reload方法
    data () {
        return {
    	.......
        }
    },

“Vue用什么方法刷新頁面”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

盈江县| 资中县| 伊宁市| 峨眉山市| 稻城县| 泗水县| 安福县| 新密市| 乌鲁木齐市| 喀什市| 伊川县| 龙陵县| 建宁县| 夹江县| 长子县| 夏津县| 合阳县| 山东| 丰顺县| 三穗县| 华宁县| 马公市| 晋中市| 延寿县| 休宁县| 五常市| 和林格尔县| 新邵县| 卢氏县| 顺昌县| 奉贤区| 克什克腾旗| 隆化县| 乌恰县| 淅川县| 陈巴尔虎旗| 如皋市| 册亨县| 诸暨市| 策勒县| 黑龙江省|