Vue3:刷新当前页面的方式

文章目录

      • Vue3.2 刷新当前页面的方式

ref

Vue3.2 刷新当前页面的方式

  • App.vue 中写入以下代码

    <script setup>
    const flag = ref(true)
    const reload = () => {
        flag.value = false
        nextTick(() => {
            flag.value = true
        })
    }
    provide("reload", reload)
    script>
    
    <template>
        <router-view v-if="flag"/>
    template>
    
  • 刷新调用方式

    <script setup>
    // 调用 App.vue 提供的方法,进行刷新
    const reload = inject("reload")
    script>
    
    <template>
        <el-button @click="reload()">刷新el-button>
    template>
    

你可能感兴趣的:(vue.js,javascript,前端)