Vuejs 输入框监听回车事件

文章目录

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

    使用 @keyup.enter 即可:

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

    演示效果:

    颜色转换工具 demo