1. 程式人生 > >elementUI vue table 操作選項中彈出框確定dialog

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