本文主要是介绍vue设置点击自身以外其他区域关闭列表,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
下面的例子是 设置点击列表 其他区域关闭列表
<div @click="handleClickOutside($event)"><div v-if="searchShow" ref="searchList">列表</div><div>其他区域</div>
</div>handleClickOutside(event) {let target = event.target//判断当前点击的位置是否是列表if (this.searchShow && target !== this.$refs.searchList) {this.searchShow = false}
},
这篇关于vue设置点击自身以外其他区域关闭列表的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!