elementUI中如何设置el-select组件在动态表单中禁用状态？

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

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

目录

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

项目通过 vue+elementUI 实现

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

需求大概是这样的：

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

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