Vue的页面局部刷新
程序员文章站
2022-06-17 11:49:31
...
1.Vue是前端三大主流框架之一,生态圈丰富,适合初学者学习。大部分公司用Vue来开发。
2.接下来说说当我们做项目的时候,可以给页面局部刷新的方法
(1)在App.vue中写一下代码:
<script>
export default {
name: 'App',
provide(){
return {
reload:this.reload
}
},
data:function(){
return {
isRouterAlive:true
}
},
methods:{
reload(){
this.isRouterAlive=false;
this.$nextTick(function(){
this.isRouterAlive=true;
})
}
}
}
</script>
(3)在你想要页面局部刷新中写入 this.reload(),inject:["reload];
```html
export default {
inject:["reload"],
methods: {
deleteRow(index, rows) {
console.log(index);
this.reload();
}
},
created:function(){
this.$axios.get("/customer/findAll").then(response=>{
console.log(response)
this.tableData=response.data.data
})
},
data() {
return {
tableData: [],
input: ''
}
}
}
</script>
上一篇: 最容易看见鬼的十种人
下一篇: ajax局部刷新