右志 2019-10-13 21:06 采纳率: 50%
浏览 5568
已采纳

关于ElementUI中根据某一行中某一列数据设置按钮的禁用和不禁用

页面前端展示效果这是我前端页面的效果

这是我的源码

<!-- 数据表格 -->
        <el-table :data="result" stripe :border="true" max-height="550">
            <el-table-column type="index" prop="chcId" label="#" min-width="40" align="center"></el-table-column>
            <el-table-column prop="chcSource" label="机会来源" min-width="80"></el-table-column>
            <el-table-column prop="chcCustName" fixed="left" label="客户名称" min-width="100"></el-table-column>
            <el-table-column prop="chcTitle" label="概要" min-width="200"></el-table-column>
            <el-table-column prop="chcRate" label="机率" min-width="40"></el-table-column>
            <el-table-column prop="chcLinkman" label="联系人" min-width="80"></el-table-column>
            <el-table-column prop="chcTel" label="联系人电话" min-width="145"></el-table-column>
            <el-table-column prop="chcDesc" label="机会描述" min-width="280"></el-table-column>
            <el-table-column prop="chcCreateBy" label="创建人" min-width="80"></el-table-column>
            <el-table-column :formatter="dateFormat" prop="chcCreateDate" label="创建日期" min-width="100"></el-table-column>
            <el-table-column prop="chcDueTo" label="指派" min-width="80"></el-table-column>
            <el-table-column :formatter="dateFormat" prop="chcDueDate" label="指派日期" min-width="100"></el-table-column>
            <el-table-column prop="chcStatus" label="状态" min-width="80" header-align="center"></el-table-column>
            <el-table-column label="操作" width="150px" fixed="right">
                <template slot-scope="scope">
                    <el-button size="mini" @click="handleEdit(scope.$index, scope.row)" :disabled='disabled'>编辑</el-button>
                    <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>

这是

export default {
    data: function() {
        return {
            disabled: true
        }
}}

我现在已经将值绑入el-table中,但是我想根据表中状态的值来设置编辑按钮可用不可用(状态栏值有两种:未指派和已指派)。已指派不能编辑,未指派才能进行编辑

  • 写回答

3条回答 默认 最新

  • dabocaiqq 2019-10-14 09:16
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 蓝桥杯单片机第十三届第一场,整点继电器吸合,5s后断开出现了问题