600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > vue实现点击按钮刷新页面的方法:

vue实现点击按钮刷新页面的方法:

时间:2021-07-04 15:38:59

相关推荐

vue实现点击按钮刷新页面的方法:

1.简单方法

//第一种:使用location对象的reload()方法

window.location.reload();

//第二种:使用编程式导航

this.$router.go(0);

2.使用vue中provide和inject(推荐)

在app.vue:

<template><div id="app"><router-view v-if="showRouter"></router-view></div></template><script>export default {name: 'App',provide (){return {reload: this.reload}},data (){return {showRouter: true}},methods: {reload (){this.showRouter = falsethis.$nextTick(()=>{this.showRouter = true})}}}</script><style scoped></style>

在需要刷新的vue组件:

<template><button @click="refreshbtn">刷新</button></template><script>export default {inject: ['reload'],methods: {refreshbtn() {this.reload()}}};</script><style scoped></style>

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