vue3.0 刷新当前页面

#vue3.0 刷新当前页面| 来源: 网络整理| 查看: 265

vue3.0刷新页面、刷新组件(provide / inject在setup里使用)

网上基本上都是vue2.0版本的写法，虽然vue3.0版本也兼容vue2.0的写法，但还是想用vue3.0的写法写一写,毕竟自己也是在学习中。

在App.vue文件下(有router-view路由出口的页面)

import { ref, nextTick, provide } from "vue"; import BLank from "@/components/BLank.vue"; export default { name: "App", components: { BLank, }, setup() { // 局部组件刷新 const isRouterAlive = ref(true); const reload = () => { isRouterAlive.value = false; nextTick(() => { isRouterAlive.value = true; }); }; provide("reload", reload); return { isRouterAlive, }; }, }; 复制代码

在test.vue对上面定义的方法进行调用

测试按钮 import { inject } from "vue"; export default{ setup() { const ceshi = inject("reload"); return { ceshi, }; }, }; 复制代码

【本文地址】

公司简介

联系我们