vue项目中下拉框实现既可单选也可多选功能

Question

vue项目里用了element-ui，有个需求是有一个下拉框，下拉框里的数据从后台的数据词典里获取，要求下拉框里的数据有些是单选有些是多选，目前的水平只能实现单选或多选的功能，不知道这两者怎么能同时存在，请教大佬帮忙，多谢了

具体情况如图所示，是让用户在收录级别里选择，在SSCI收录以上的只能选一个（单选），下面的五个里可以选多个（多选），要求单选和多选同时都有，并且如果选择单选中的其中一个的话要用户填写影响因子，多选的不用填写影响因子，请问这个怎么实现啊，非常感谢

Answer 1

重新看下题目，可以这样处理
只需要一个多选和分组的下拉框，监听change事件对数据做限制即可
测试例子如下:https://jsfiddle.net/starrysk...

---

将可单选的枚举选项和可多选的枚举选项数据分在两个数组。
在下拉框的右边加个按钮，点击切换下拉框的multiple属性和option数据。

Answer 2

这样么？