右志 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条)

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名