element input的Autocomplete下拉列表动态隐藏
目标:根据input远程搜索输入元素个数动态控制Autocomplete下拉列表动态隐藏
重点:使用element框架中的popper-class给下拉div添加class新名称
步骤:
-
定义动态select的popper-class值
-
设置json列表数据源
-
查看div是否已有指定的class名称
-
调用指定元素(思路:先获取指定标签,然后再获取指定标签的根,最后获取需要的标签)
为什么要先获取根呢?因为element下拉的dom是在最外层,所以只能退出去再获取。
this.指定标签元素.$el.ownerDocument.querySelectorAll('添加的动态类名')
重点要知道ownerDocument、querySelectorAll两个属性
ownerDocument是获取根节点
querySelectorAll方法可以和JQ一样简介的获取指定类。