zoukankan      html  css  js  c++  java
  • vue单条数据按钮样式

    这是一个很小的问题,在最初的时候没有想到正确的逻辑,就差大神点播,然后就分享一下心得

    在最开始的时候,是想着给按钮添加一个:disabled='flag'设置一个动态布尔值判断,但是,由于flag是一个全局变量,在设置单个的时候,还是会全部统一样式,所以这种想法是不可靠

    然后请教了大神,用for循环来进行动态绑定

    页面展示的代码如下:

    <el-table-column
    label="操作"
    align="center">
      <template slot-scope="scope">
        <el-button
           v-if="scope.row.showBtn"
           size="mini"
           type="text"
           @click="gotodetail(scope.row.fullBidReview_id, scope.row.bidStatus_name)">审核</el-button>
       </template>
    </el-table-column>

    在方法中的代码如下:

    getAllUserList(){
                this.$axios.post("/api/fullbidreview/selectFullbidreviewPage", {
                    pageCount: this.pagesize,
                    pageNum: this.currentPage,
                }).then((res) => {
                    console.log(res);
                    this.tableData = res.data.data;
                    this.count=res.data.count
                    if(this.roleid !=3 && this.roleid !=4){
                        this.flag = true;
                    }
                    for(let i=0;i<this.tableData.length;i++){
                        if(this.tableData[i].bidStatus_name == '一次复审通过' && this.roleid == 3){
                            this.tableData[i].showBtn = false;
                        }else{
                            this.tableData[i].showBtn = true;
                        }
                    }
                }).catch((err) => {
                    console.log(err);
                })
            }

    然后在页面挂载的时候调用该方法即可。

  • 相关阅读:
    SharePoint 2010 WebPart Web部件 总贴
    使用SPD打开sharepoint2013网站另存为模板的功能
    Sahrepoint2013 创建HTML布局页面
    文本文件与二进制文件
    理论篇 HTTP笔记
    移动篇 视口viewport
    JS篇 命名规范: AMD、CMD、CommonJS
    CSS篇 CSSOM
    JS篇 学习笔记
    CSS篇 Process Document第7章 Technical Report Development Process翻译
  • 原文地址:https://www.cnblogs.com/allie71/p/13201045.html
Copyright © 2011-2022 走看看