elementUI的el-select动态表单如何设置禁用状态？

本文共计1018个文字，预计阅读时间需要5分钟。

目录 + 先实现最简单的：- 限制新增数量- 下拉菜单已选中项- 禁用- 删除后禁用选项的disabled设置为false- 完整代码- 项目通过vue + elementUI实现- 近期开发过程中遇到的需求，对删除后禁用选项的disabled设置为false的处理

目录

• 先实现最简单的：限制新增数量
• 下拉菜单已选中的选项 禁用
• 移除后要把移除的那条选中项的disabled 设为false
• 完整代码

项目通过 vue+elementUI 实现

近期开发过程中遇到一个需求，对于从事两年的“小白”来说，确实费了点脑子，才发现，好像是自己一开始想太多了，各种情况设想了一溜够，发现只要反过来想就OK了 ╮(╯▽╰)╭

需求大概是这样的：

在动态增减的表单项中，有一个下拉菜单，要求每选择一项，就把选中过的那一个选项禁用（简单来说就是，已经选过的就不能再选了），且增加的条数不能超过下拉菜单中的选项数量

直接上图吧（label不重要，主要看效果。。。