如何获取页面内多个select组件选中的值

Apple
  • 275

如下图所示:当前页面内有多个select下拉组件(ui框架用的是iView),且这些select下拉组件可以动态的增加删减.

当前的需求就是根据一选择的select选项自动的禁用之
image.png

如:下拉框的选项有1,2,3,4,5 五个选项

我新增了三个下拉框 分别选择了 1 2 3

那么再增加 第四个选项框的时候 1 2 3就被禁用了 只能选择 4 5

同理 如果删除掉选择2 的选项框 那么2就又可以重新被选择了

目前的思路就是获取所有的已选择的select的值数组choosedList

然后用计算属性显示之

在<option> 中使用:disabled="isHaveBeenChoosed"来判断

isHaveBeenChoosed此方法中

判断choosedList是否includes 当前的value 如果包含则返回true

回复
阅读 306
1 个回答
✓ 已被采纳

已解决 代码如下:
code.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏