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