您的位置:首页 > 汽车 > 时评 > 如何做网站seo排名优化_上海市工商局官网_seo优化的主要内容_今日小说排行榜风云榜

如何做网站seo排名优化_上海市工商局官网_seo优化的主要内容_今日小说排行榜风云榜

2024/11/16 3:36:53 来源:https://blog.csdn.net/dy1717/article/details/143452517  浏览:    关键词:如何做网站seo排名优化_上海市工商局官网_seo优化的主要内容_今日小说排行榜风云榜
如何做网站seo排名优化_上海市工商局官网_seo优化的主要内容_今日小说排行榜风云榜

需求:同一个表单 不同的下拉框 人员数据相同;但是在第一个下拉框选择人员后;其他下拉框对此人员只做展示(禁用),不能勾选。

            <el-form-item label="电" prop="electricity" style="width: 50%"><el-selectv-model="ruleForm.electricity.chargeName"clearablemultiple:multiple-limit="limitNumber"style="width: 100%"@visible-change="getUserList($event, '电', 'electricityList')"@change="selectUserChange($event, 'electricityList', 'electricity')"><el-optionv-for="item in electricityList":key="item.userId":label="item.empName":value="item.empName":disabled="[...ruleForm.chassis.chargeName].indexOf(item.empName) !== -1"/></el-select></el-form-item><el-form-item label="内" prop="inner" style="width: 50%"><el-selectv-model="ruleForm.inner.chargeName"style="width: 100%"clearablemultiple:multiple-limit="limitNumber"@visible-change="getUserList($event, '内', 'innerList')"@change="selectUserChange($event, 'innerList', 'inner')"><el-optionv-for="item in innerList":key="item.userId":label="item.empName":value="item.empName":disabled="[...ruleForm.electricity.chargeName].indexOf(item.empName) !== -1"/></el-select></el-form-item>
 limitNumber: 3 //限制选择的个数// 获取数据
async getUserList(val, name, list) {if (val) {const { row } = await reqUserList(name)this[list] = row}
}

这样就做到了已选择的人员 再其他的下拉框中无法勾选

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com