欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue實(shí)現(xiàn)頁面的局部刷新(router-view頁面刷新)

 更新時(shí)間:2021年12月30日 16:12:40   作者:小城聽風(fēng)雨  
本文主要介紹了Vue實(shí)現(xiàn)頁面的局部刷新(router-view頁面刷新),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

利用Vue里面的provide+inject組合

首先需要修改App.vue。

<template>
  <!-- 公司管理 -->
  <div class="companyManage">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: "companyManage",
  watch: {},
  provide() {
    return {
      reload:this.reload
    }
  },
  data() {
    return {
      isRouterAlive:true
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick( () => {
        this.isRouterAlive = true;
      })
    }
  },
  mounted() {}
};
</script>

<style scoped>
.companyManage {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
}
</style>

在這里插入圖片描述

2. 到需要刷新的頁面進(jìn)行引用,使用inject導(dǎo)入引用reload,然后直接調(diào)用即可。

在這里插入圖片描述

inject:["reload"],
this.reload();

在這里插入圖片描述

到此這篇關(guān)于Vue實(shí)現(xiàn)頁面的局部刷新(router-view頁面刷新)的文章就介紹到這了,更多相關(guān)Vue 頁面局部刷新內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vuex存儲(chǔ)復(fù)雜參數(shù)(如對(duì)象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法

    vuex存儲(chǔ)復(fù)雜參數(shù)(如對(duì)象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法

    今天小編就為大家分享一篇vuex存儲(chǔ)復(fù)雜參數(shù)(如對(duì)象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法。具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • Vue實(shí)現(xiàn)Layui的集成方法步驟

    Vue實(shí)現(xiàn)Layui的集成方法步驟

    這篇文章主要介紹了Vue實(shí)現(xiàn)Layui的集成方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-04-04
  • vue自定義彈框效果(確認(rèn)框、提示框)

    vue自定義彈框效果(確認(rèn)框、提示框)

    這篇文章主要為大家詳細(xì)介紹了vue自定義彈框,實(shí)現(xiàn)確認(rèn)框、提示框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • vue3錨點(diǎn)定位兩種實(shí)現(xiàn)方式示例

    vue3錨點(diǎn)定位兩種實(shí)現(xiàn)方式示例

    這篇文章主要給大家介紹了關(guān)于vue3錨點(diǎn)定位兩種實(shí)現(xiàn)的相關(guān)資料,說到錨點(diǎn)定位,很多人第一時(shí)間會(huì)想到 a標(biāo)簽,但是a標(biāo)簽實(shí)現(xiàn)的錨點(diǎn)定位并不是那么的完美,需要的朋友可以參考下
    2023-07-07
  • 重新認(rèn)識(shí)vue之事件阻止冒泡的實(shí)現(xiàn)

    重新認(rèn)識(shí)vue之事件阻止冒泡的實(shí)現(xiàn)

    這篇文章主要介紹了重新認(rèn)識(shí)vue之事件阻止冒泡的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • 如何換個(gè)角度使用VUE過濾器詳解

    如何換個(gè)角度使用VUE過濾器詳解

    這篇文章主要給大家介紹了如何換個(gè)角度使用VUE過濾器的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用VUE具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • vue.js自定義組件directives的實(shí)例代碼

    vue.js自定義組件directives的實(shí)例代碼

    這篇文章主要介紹了vue.js自定義組件directives的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-11-11
  • Vue實(shí)現(xiàn)父子組件傳值其實(shí)不難

    Vue實(shí)現(xiàn)父子組件傳值其實(shí)不難

    這篇文章主要介紹了Vue實(shí)現(xiàn)父子組件傳值其實(shí)不難問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • vue.js實(shí)現(xiàn)簡單的計(jì)算器功能

    vue.js實(shí)現(xiàn)簡單的計(jì)算器功能

    這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)簡單的計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • Vue模仿實(shí)現(xiàn)京東商品大圖放大鏡效果

    Vue模仿實(shí)現(xiàn)京東商品大圖放大鏡效果

    這篇文章主要為大家介紹了Vue實(shí)現(xiàn)京東網(wǎng)站商品放大鏡效果示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12

最新評(píng)論