Vuejs 输入框监听回车事件

更新日期: 2019-09-06 阅读次数: 2691 字数: 59 分类: VueJS

例如,我想在一个输入框输入内容之后,点击回车,自动触发一个处理输入内容的函数。

使用 @keyup.enter 即可:

<input v-model="input" type="text" class="form-control"
         @keyup.enter="convert_code_to_name"
          placeholder="颜色代码或名称">

演示效果:

颜色转换工具 demo

爱评论不评论

近期节日

2020年04月11日 世界帕金森病日
2020年04月19日 谷雨
2020年04月21日 复活节
2020年04月22日 世界地球日
2020年04月23日 世界读书日
2020年04月26日 知识产权日
2020年04月30日 佛诞
2020年04月30日 全国交通安全反思日
2020年05月01日 国际劳动节
2020年05月04日 五四青年节
2020年05月05日 立夏
2020年05月08日 世界红十字日
查看更多节日