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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM