Problem with modal in Laravel and vue.js

I'm working with a CRUD application in laravel and Vue.js and at the moment I'm facing the following problem I created a modal to update in a table, the modal makes the reacquisition of the objects correctly in the input campuses , the problem is that clicking on save modal does not disappear, it does not save and what is weird and that no error code appears on the console, I am completely without reference to what the error is.

new Vue({
    el: '#tableprod',

created: function () {
    this.getProdutos();
},
data () {
    return {
      produtos:[],
      fillproduto:{'id':'','nome_pro':'','descricao_pro':'' },  
    }
  },
methods:{
     editprod:function(produto){
     this.fillproduto.id= produto.id;
     this.fillproduto.nome_pro=produto.nome_pro;
     this.fillproduto.descricao_pro=produto.descricao_pro;
     $('#edit').modal('show');
     },
       updat:function(id){
       var url='updateprod/'+ id;
       axios.put(url, this.fillproduto).then(response=>{
       this.getProdutos();
       this.fillproduto={'id':'','nome_pro':'','descricao_pro':'' };
       $('#edit').modal('toggle');
       });
       },
     }

Route used in axios to update

|        | PUT      | admin/updateprod/{id}        | componet_2.produtos | App\Http\Controllers\ProdutoController@updateProd     | web