element input的Autocomplete下拉列表动态隐藏

目标:根据input远程搜索输入元素个数动态控制Autocomplete下拉列表动态隐藏

重点:使用element框架中的popper-class给下拉div添加class新名称

步骤:

  1. 定义动态select的popper-class值
    在这里插入图片描述

  2. 设置json列表数据源

  3. 查看div是否已有指定的class名称
    在这里插入图片描述

  4. 调用指定元素(思路:先获取指定标签,然后再获取指定标签的根,最后获取需要的标签)
    为什么要先获取根呢?因为element下拉的dom是在最外层,所以只能退出去再获取。

this.指定标签元素.$el.ownerDocument.querySelectorAll('添加的动态类名')
重点要知道ownerDocument、querySelectorAll两个属性

ownerDocument是获取根节点
	
querySelectorAll方法可以和JQ一样简介的获取指定类。
posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(75)  评论(0编辑  收藏  举报