nuxt项目中如何监听回车键(enter)键事件

在Nuxt项目中监听键盘事件其实跟一般的vue项目一样的。主要是监听keypress或者keydown事件，再判断当前的按键是那个按键，在执行后面的操作就可以了。

window.addEventListener("keypress",(key) =>{
      if (key.code === 'Enter') {
        this.search()
      }
    })
 
search(){
      if (!this.searchWords) {
        this.$message.warning("请输入关键字")
        return
      }
      window.open("/post/tags/" + this.searchWords)
    },

实例代码主要是监听用户是否按了回车键，如果按了回车键就执行搜索，主要用在网站（www.dsiab.com）主页的搜索功能上面。

nuxt项目的搜索跟页面建议通过restful规范来实现，最主要的方便收录，比如分类页面和翻页都是采用这种方式。

比如翻页：https://www.dsiab.com/page/2

比如分类：https://www.dsiab.com/post/category/3

本文章由javascript技术分享原创和收集