黄子涵

查漏补缺——说说addEventListener和removeEventListener的参数?

问题

如题所示

答案

js添加事件和移除事件:addEventListener()与removeEventListener()

源码如下:

watch:{
            show(value) {
                if (value) {
                    document.body.addEventListener('click', this.close)
                } else {
                    document.body.removeEventListener('click', this.close)
                }
            }
        },
        methods:{
            search(){
                // console.log(this.searchValue)
                this.$router.push({name:'search',params:{words:this.searchValue}});
                this.close()
            },
            click(){
                this.searchValue = ''
                this.show = !this.show
                if (this.show) {
                    this.$refs.searchInput && this.$refs.searchInput.focus()
                }
            },
            close(){
                this.$refs.searchInput && this.$refs.searchInput.blur()
                this.show = false
            }
        }

第一个参数是事件名,第二个事件处理函数,这里使用的应该是和下面methods的close方法对应。

posted @ 2022-06-23 20:52  黄子涵  阅读(119)  评论(0编辑  收藏  举报