获取文本字段值onkeyup vue js

时间:2016-07-17 16:11:06

标签: javascript vue.js

不使用v-model,如何在键入时检索文本字段的值?如果可能,不使用任何方法。

<input type="text" class="form-field"
    v-on:keyup="data.sample = this.target.value">

我用过

  • THIS.VALUE
  • this.target.value

  • e.target.value

3 个答案:

答案 0 :(得分:12)

解决方案是:

<input type="text" v-on:keyup="this.$data.name = $event.target.value">

来自documentation

  

在侦听本机DOM事件时,该方法接收本机事件作为唯一参数。如果使用内嵌语句,则该语句可以访问特殊的 $ event 属性:v-on:click =&#34; handle(&#39; ok&#39; ,$ event)&#34;

jsfiddle

答案 1 :(得分:0)

<input type="text" class="search-bg" placeholder="Search" v-model="search" @keyup="searchData"/>

答案 2 :(得分:0)

使用 Vuejs 处理任何键的最佳方法是这样的:

<input type="text" @keyup.stop.native="handleInput($event)">