Vue - el-button 学习记录_vue el-button

作者：2023面试高手 | 2024-02-18 07:48:44

踩

vue el-button

问题1：

如何动态更改 button 按钮标签的禁用状态，结合 el-table

禁用状态：

在这里插入图片描述

正常状态：

在这里插入图片描述

使用 v-bind 动态更改 button 的 disabled 属性，默认值是 false

单选修改按钮，多选时修改按钮是禁用状态

<el-button type="success" plain v-bind:disabled="selectone" icon="el-icon-edit" @click="dialogFormVisible = true">修改</el-button>
1

多选删除按钮

<el-button type="danger" plain v-bind:disabled="mulselect" icon="el-icon-delete" @click="delete()">删除</el-button>
1

el-table 组件配置参考链接：

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】