当从vuejs中的另一个组件添加数据时，Bootstrap vue表未获得更新

Question

我正在使用bootstrap vue表来显示服务器数据。仅在创建的方法上更新了。我的组件结构如下所示。 1）AddingData.vue 2）table.vue

所以在添加数据组件时，我有一个按钮。当我点击它时，它应该进入/ 1路由并显示表。之后，如果我添加另一个数据，它没有得到更新。如果我使用更新的方法，它正在变得更新。但是破坏其他路线......如何使其反应？

created() {
       this.loadData();
  },

   methods: {

    loadData() {
      let promise = axios.get('/urls/'+this.$route.params.id+'/')

      return promise.then((data) => {
        this.serverData = data.data.results;
        this.currentPage = parseInt(this.$route.params.id);
        this.totalPage = data.data.total_pages;   
        this.previousPage = data.data.previous;
        this.nextPage = data.data.next;
        this.page_no = data.data.current_page_no;
        this.navigation=false;
        if (this.currentPage == 1) {
          $('#first').addClass('disabled');
        }

        if (this.currentPage == this.totalPage) {
          $('#last').addClass('disabled');
        }
        if (this.previousPage == false) {
          $('#previ_btn').addClass('disabled');
        }
        if (this.nextPage == false) {
          $('#next_btn').addClass('disabled');

       }

      }).catch(error => {

              return []
              this.$router.push({name:'service',params:{id:1}});


      })

    },