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

2018-11-03 08:50:34来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript:生成重复的字符串(字符串乘法)

下一篇:JavaScript -- 时光流逝(七):js中的全局函数