欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>
相关标签: vue.js