第一种、二次调用
增删查改后都在此调用查询接口,进行二次调用来达到页面的更新
第二种、provide/inject方式局部刷新(推荐)
首先在App.vue全局设置provide
<router-view v-if
="isRouterAlive"></router-view
>
在script中写入
<script
>
export default
{
provide
(){
return
{
reload:this.reload
}
},
data
() {
return {
isRouterAlive:true
}
},
methods:
{
reload
(){
this.isRouterAlive
=false
this.
$nextTick(function
(){
this.isRouterAlive
= true
})
}
},
}
</script
>
vue页面使用
export default
{
inject:
['reload'], //引入
data
() {
转载请注明原文地址: https://lol.8miu.com/read-30100.html