vue.js - 如何在vuejs中创建输入事件

Question

我在表单文本上有输入，我想使用什么事件键在日志中查看输入？

<input class="form-control" type="text" //event>

例如在这篇文章中我输入

"seat"

then the console log appears
s
se
sea
seat

Answer 1

您可以附加事件处理程序并打印出日志，如下面的 js fiddle 所示。打开浏览器开发工具控制台选项卡并检查。

JS FIDDLE

new Vue({
  el: "#app",
  data() {
   return {
     inputValue: null,
   }
  },
  methods: {
    inputChange(e) {
      console.log(e.target.value);
    }
  }
})

<div id="app">
  <input type="text" :value="inputValue" @input="inputChange" />
</div>