当前位置： 移动技术网 > IT编程>开发语言>JavaScript > elementUI vue table 操作选项中弹出框确定dialog

elementUI vue table 操作选项中弹出框确定dialog

2018年11月03日  | 移动技术网IT编程  | 我要评论

1.html

<el-table-column label="操作" width="150" fixed="right" align="center">
    <template scope="scope">
       <el-button type="text" size="mini" @click="blockup(scope.row)" v-if="scope.row.status=1">停用</el-button>
       <el-button type="text" size="mini" @click="startusing(scope.row)" v-if="scope.row.status=0">启用</el-button>
    </template>
</el-table-column>

2.data里面

data: function () {
    return{
        startusingdialog:false,
        startusingloading:false,
        rowdata:'',
    }
},

3.方法

methods: {
    startusing(row){
      this.startusingdialog=true;
      rowdata=row;
    },
    startusingsubmit(){
        this.startusingloading=true;
        var that=this;
        var formdata={};
        $.get('url',formdata,function(data){
            if(data.code==200){
                that.startusingloading=false;
                that.startusingdialog=false;
                that.$message({
                    type:'success',
                    message:'启动成功!'
                })
                //重新刷新表格:
                //that.querydata();
            }
        })
    }
},

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网