当前位置: 首页 > 网络应用技术

元素 - 下拉框以实现完整选择功能

时间:2023-03-07 14:00:53 网络应用技术

  实习确实可以学到很多东西,但是我学到的东西确实需要解决,否则我立即忘记了它。

  使用方法相对简单

  首先,您需要使用它,即Drop -Down框,因此您需要使用两个绑定数据和Drop -Down框的选项。

  要求:Drop -Down框选项中有所有选项和其他项目。单击后,您需要实现其他项目。其他项目无法选择。

  让我们简要了解Drop -down框的多个选择。

  从理论上讲,只需要实现多种选择来添加,但是效果不好。选择将被挤压在一起。

  目前,我们可以添加属性,因此将仅显示一个选项,该选项不会以数量的形式显示。

  添加属性,可以实现。暂停时,它显示了所选的所有选项。

  代码:

  这主要基于属性,但是属性值已成为返回值的函数。

  可以看出,当返回绑定时,无法选择所有选项。

  在理解原则之后,我们只需要澄清思想。

  首先,我们应该将选择项目绑定为参数以获取所选项目。

  然后,它是在想。我们禁令有两种情况:

  换句话说,只有这两种情况返回,而其他时间返回

  这很简单,但是还没有结束,上面会有很小的问题。

  当我们什么都不选择时,我们无法选择。这是因为选择上面的非选项,当它写成没有选择时,从一开始就没有选择,那么您就无法选择。开始,应该判断是否已选择。如果没有,请返回`

  多个Drop -Down框不能同时选择相同的选项。

  上面有三个下降框,按顺序

  旧外观,通过绑定属性传递选定的值。

  多个下降框的实现相对简单。您只需要遍历选定的值即可。它等于要选择的值吗?如果您可以通过,也就是说,其他drop -down框选择该选项,则可以选择()。

  通常选择什么?实际上,只是为了区分上述选择。即,将为所有选项选择通用的单击复选框。

  目前,完整选择和以下选项无关,因此我们可以添加事件,但是当状态在复选框中更改时,请修改以下选项的选择。

  到了此步骤时,我们可以单击“完整选择”复选框以同时修改以下选项的选择状态。

  通过添加侦听器,添加了听力结果。如果发生更改,将触发者触发,并且会触发选择结果的长度和选项长度。

  如果要添加中间状态,则需要使用复选框的属性。

  目前,复选框的状态不再依赖,而是同时。

  

  原始:https://juejin.cn/post/7101481285633179684