Vue - el-button 学习记录

最新推荐文章于 2024-05-21 20:04:34 发布

沐修

最新推荐文章于 2024-05-21 20:04:34 发布

阅读量197

点赞数

分类专栏： Vue 文章标签： vue.js 学习 javascript elementui

本文链接：https://blog.csdn.net/qq_42701659/article/details/130088705

版权

38 篇文章 3 订阅

订阅专栏

问题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>

多选删除按钮

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

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

关注

专栏目录