vue传数据到模态框中

写一下我的做法

<a data-toggle="modal" data-target="#delete_tpl_modal" class="btn btn-default del" @click="ID=item.CustomerID"><i class="icon-remove"></i>删除</a>

点击删除按钮触发模态框,同时通过@click事件将ID设置为当前的ID

var vm = new Vue({
      el: "#container",
      data:{
        ID:null
     }
     methods:{
        Delete_Customer_Data:function(){
              this.$http.post('xxx',{CustomerID:this.ID}).then(function(response){    
                    // 响应成功回调
                    if(response.data>0){
                        msg('1','删除成功!');
                        this.Get_Customer_Data();
                    }else{
                        msg('3','删除失败!');
                    }
                }, function(response){    
                    // 响应错误回调
                    msg('3','删除失败!');
                });
            }
     }
   })    

删除的时候通过this.ID取得ID进行删除

若有写不明白的地方,望提出来,我再修改。

 

  

posted on 2017-09-01 16:05  一曲笙箫  阅读(2737)  评论(0)    收藏  举报