玉林住房和城乡建设部网站,邢台网站维护,企业培训课程ppt,wordpress 判断是否首页前提 el-select属性 popper-append-to-body 必须 为 false。这样初始化的列表 el-select-dropdown 才在 el-select下#xff1b;目前测试#xff0c;仅对 Cesium.Viewer 生成的 canvas 点击时列表无法自动关闭#xff1b;使用原生 canvas 和 echarts#xff0c;点击其场景…前提 el-select属性 popper-append-to-body 必须 为 false。这样初始化的列表 el-select-dropdown 才在 el-select下目前测试仅对 Cesium.Viewer 生成的 canvas 点击时列表无法自动关闭使用原生 canvas 和 echarts点击其场景时列表可自动关闭 解决方案 代码第 1 行Cesium.Viewer 初始化完成后监听 .cesium-widget 的点击事件 代码第 3 - 6 行获取全部 el-select循环获取每个 el-select 下的列表 el-select-dropdown 代码第 9 - 13 行判断列表 el-select-dropdown 是否显示 代码第 10 行仅在打开状态下调用 click 事件即可关闭列表 document.getElementsByClassName(cesium-widget)[0].onclick () {// // el 起作用let els document.querySelectorAll(.el-select);els.forEach(el {// 仅对打开的起作用let dropdownEls el.querySelectorAll(.el-select-dropdown);for (let i 0; i dropdownEls.length; i) {const dEl dropdownEls[i];if(dEl.style.display ! none) {el.click();break;}}}) }