问题

如题所示

答案

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方法对应。

标签：查漏,show,refs,removeEventListener,addEventListener,close,searchInput,click
来源： https://www.cnblogs.com/Huang-zihan/p/16406693.html