My projects

mounted () { /*** * 使得其点击之外的部分自动收起 */ document.addEventListener('click', (e) => { if (!this.$el.contains(e.target)) { this.reset() } }) }

It means to click on the area that is not within this component to close the pop-up box. Of course, you can change this.$el to a ref to judge

document.addEventListener('click', function(e){ //通过判断e.target 来判断点击的元素 当不属于下拉框和输入框的时候 隐藏下拉框 })

After thinking about it, I thinkOut of focusis still a relatively ideal event.
As for what you said
If you want to click on the value in the selected list, the input will lose focus first, and the list value will not be selected.
Add code to the boundfocusoutevent As follows

eventHandler (event) { event.preventDefault() // 这里设置input 绑定的data this.bisible = false }

This should solve the problem.

Well, what that person said is the same as mine