javascript - Vue 模型仅在输入元素失去焦点时更新

标签 javascript html vue.js

我是 vue 新手,我试图在 keyup 事件触发时集成 ajax 搜索,我尝试打印该值,但似乎模型仅在输入元素失去焦点时才更新。

HTML

<input name="search" placeholder="Search" type="search" 
    @keyup="whenkeyup" @focus="searchResult" 
    @blur="hideResult" 
    v-model="searchvalue">
<button type="submit">&nbsp;</button>
<span>
{{ searchvalue }}
</span>

JS

var search = new Vue({
  el: '#header',
     data: {
         searchvalue :'',
     },
    methods: {
        whenkeyup: function() {
            //ajax call
            console.log(this.searchvalue);

        }
    }
});

最佳答案

您应该指定更改而不是 keyup

关于javascript - Vue 模型仅在输入元素失去焦点时更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38678929/

相关文章:

javascript - 需要在文本框中插入 'dot',其中使用 javascript 验证文本框仅输入数字值

javascript - 正确显示内部标签 - Jquery

html - div 底部的不透明背景未正确附加

javascript - 使用 Object.freeze 和 object.unfreeze 减少具有大量表数据行的响应式页面中的内存膨胀

laravel - 如何在 vue 模板中引用 laravel csrf 字段

vue.js - Vue Electron,开发工具抛出异常

javascript - 为什么 TypeScript 中的 'instanceof' 给我错误 "' Foo' only references a type, but is being used as a value here."?

javascript - 如何在 node.js 上运行项目

javascript - 固定标题到达顶部时,它是跳跃的

javascript - 单击按钮时如何删除行并添加CSS类