为了账号安全,请及时绑定邮箱和手机立即绑定

element怎么隐藏某一列中的一项按钮?

element怎么隐藏某一列中的一项按钮?

喵喵时光机 2018-08-23 17:03:55
如图:想把前两个删除按钮隐藏,但是最后一个不隐藏,页面结构如下怎么写?      <el-table-column label="操作" width="200%">         <template scope="scope">           <el-button size="small" @click="handleEdit(scope.$index, scope.row)">分配菜单</el-button>           <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>         </template>       </el-table-column>
查看完整描述

1 回答

?
慕侠2389804

TA贡献1719条经验 获得超6个赞

这个按钮的显隐也直接绑定在data里面,在button上面用v-show="scope.row.allowDelete控制


补充:

你的表单数据应该是类似的结构

let tableData = [
    {        name:"123",        number:123,
    },
    {        name:"456",        number:456,
    }
]

你可以将其补充为

let tableData = [
    {        name:"123",        number:123,        allowDelete:true,
    },
    {        name:"456",        number:456,        allowDelete:false,
    }]

然后在slot里,<button v-show="scope.row.allowDelete">删除</button>


查看完整回答
反对 回复 2018-08-26
  • 1 回答
  • 0 关注
  • 4317 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信