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

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();
            }
        })
    }
},

猜你喜欢

转载自www.cnblogs.com/yysbolg/p/9899562.html