失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue3实现页面刷新

vue3实现页面刷新

时间:2019-01-26 05:07:21

相关推荐

vue3实现页面刷新

vue3实现页面刷新

在muuri的复杂实现中,拖动元素后,只能刷新页面才能重置回初始状态

在组件中实现页面的刷新功能

//App.vue页面//html:<template><HelloWorld v-if="isRouterAlive"></HelloWorld></template><script>import {provide, ref, nextTick } from "vue";import HelloWorld from "./components/vue3/index.vue";export default {name: "App",components: {HelloWorld,},setup() {const isRouterAlive = ref(true);const reload = () => {isRouterAlive.value = false;nextTick(() => {isRouterAlive.value = true})}provide("reload", reload);return {isRouterAlive }},};</script>

//在需要使用的页面引用即可const myFn = inject<any>("reload");

如果觉得《vue3实现页面刷新》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。