今天在工作中，發(fā)現(xiàn)使用el-select做的下拉框，下拉菜單展開后，鼠標(biāo)點擊下拉框之外的區(qū)域時，下拉菜單沒有收起。然后，我打開控制臺，發(fā)現(xiàn)了這個錯誤。

Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
? ? at VueComponent.removeTabindex (dropdown.js:443:1)
? ? at VueComponent.hide (dropdown.js:369:1)
? ? at Object.documentHandler (clickoutside.js:39:1)
? ? at clickoutside.js:25:1
? ? at Array.forEach (<anonymous>)
? ? at HTMLDocument.<anonymous> (clickoutside.js:24:1)

一、錯誤

?二、原因

使用“el-dropdown”組件時，沒加上它的子組件“el-dropdown-menu”。

主要原因就是代碼迭代過程中，有些代碼不需要了，但是為了貪圖一時的方便以及未來可能需要恢復(fù)原先的代碼，并沒有完全修改完全。所以出現(xiàn)了錯誤。

第一次遇到該錯誤，排查了一個多小時左右，才解決。

?該錯誤解決后，點擊其他區(qū)域就不會再報上述的錯誤了。

理所當(dāng)然，下拉框也可以在點擊其他區(qū)域后收起。