vue项目中enter触发搜索

技术栈:vue + element-ui

admin项目中有搜索功能,想要做成点击enter键就能触发搜索。

		created() {
				// 绑定enter事件
            	this.enterSearch();
		},
		/**
         * @menthod 给页面绑定enter事件
         */
        enterSearch() {
            document.addEventListener('keydown', this.searchEvent);
            // 移除事件
            this.$once('hook:beforeDestroy', () => {
                document.removeEventListener('keydown', this.searchEvent);
            });
        },
        searchEvent(e) {
            if ((e.keyCode === 13 || e.code === 'Enter') && e.target.baseURI.match(/你的当前页面路径/)) {
                this.$emit('search'); // 你的搜索事件
            }
        }
上一篇:总结20220124


下一篇:Delphi最新的路线图