Vuejs 输入框监听回车事件

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

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

使用 @keyup.enter 即可:

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

演示效果:

颜色转换工具 demo

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式