vue实现无刷新加载数据，使用的技术是依赖注入 关键字为provide inject
在App.vue中
<template>
<div id="app">
<router-view v-if="isRouterAlive"/>
</div>
</template>
name:'app',
provide :function() {
return {
reload:this.reload
}
},
data:function(){
return {
isRouterAlive:true
}
},
methods:{
reload:function(){
this.isRouterAlive=false;
this.$nextTick(function(){
this.isRouterAlive=true
})
}
}
然后在需要使用这个方法的的vue组件中注入这个方法
data(){},
inject:["reload"]
//然后在你想要使用的地方 使用就可以了
this.reload()
网友评论