前端vue删除列表刷新页面

爱上编程2705

已于 2022-01-24 14:45:48 修改

阅读量1k

点赞数 1

分类专栏：前端vue 文章标签： vue.js 前端 javascript

于 2022-01-24 14:44:46 首次发布

本文链接：https://blog.csdn.net/L1569850979/article/details/122667261

版权

前端vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

前端vue删除列表刷新页面

在App.vue中添加代码

<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>
  export default {
    name: 'App',
    provide() {
      return {
        reload: this.reload
      }
    },
    data() {
      return {
        isRouterAlive: true
      }
    },
    methods: {
      reload() {
        this.isRouterAlive = false
        this.$nextTick(function() {
          this.isRouterAlive = true
        })
      }
    },
  }
</script>

使用介绍
引入：

 export default {
 inject: ['reload'],
  methods:{
  deleteBk(id) {
        var vm = this;
        this.axios({
          method: 'delete',
          url: 'http://localhost:7003/llcBk/delete?id=' + id,
        }).then(function(response) {
          vm.$message.success('删除成功');
          //在这里使用就可以了
          vm.reload();
        })
      }
}
}