网站建设与规划专业,做机电证的网站,网站建设哈尔滨app开发2,太原企业模板建站一、通过js原始方法刷新
缺点#xff1a; 出现闪白
目录
一、通过js原始方法刷新
二、通过Vue自带的路由进行跳转
三、通过在APP页面进行demo进行刷新(推荐)
1.vue2写法
2. vue3.2写法 templatedivdiv classheaderbutton clic…一、通过js原始方法刷新
缺点 出现闪白
目录
一、通过js原始方法刷新
二、通过Vue自带的路由进行跳转
三、通过在APP页面进行demo进行刷新(推荐)
1.vue2写法
2. vue3.2写法 templatedivdiv classheaderbutton clickupdate()刷新页面/button/div/div
/templatescript
export default {methods:{update(){location.reload()}}
}
/script
二、通过Vue自带的路由进行跳转
缺点 出现闪白
templatedivdiv classheaderbutton clickupdate()刷新页面/button/div/div
/templatescript
export default {methods:{update(){this.$router.go(0)}}
}
/script
三、通过在APP页面进行demo进行刷新(推荐)
优点 不闪白
1.vue2写法
1、在APP页面中写入下面代码
templatediv idapprouter-view v-ifisShow//div
/templatescript
export default {name: App,provide(){return{reload:this.reload}},data(){return{isShow:true}},methods:{reload(){this.isShowfalse;this.$nextTick((){this.isShowtrue})}}
}
/script
2、在需要刷新的页面进行引入并使用
templatedivdiv classheaderbutton clickupdate()刷新页面/button/div/div
/templatescript
export default {inject:[reload],methods:{update(){this.reload()console.log(刷新页面)}}
}
/script
2. vue3.2写法
1、在APP页面中写入下面代码
templaterouter-view v-ifisRouter /
/templatescript setup
import { nextTick, provide, ref } from Vue
const isRouter ref(true)
const reload () {isRouter.value falsenextTick(() {isRouter.value true})
}
provide(reload, reload)
/script
2、在需要刷新的页面进行引入并使用
script setup
import { inject } from vue
const reload inject(reload)
// 刷新页面
const onSubmitForm () {reload()
}
/script
如果对您有用的话别忘了给个三连多谢多谢
