关于vue.js:input-change-blur-区别

总结下el-input 中事件@input 与@change 的不同： @input 是当值输出时就触发; 而@change 是当值变动且失去焦点时触发通@blur, 只是回调的参数不一样
看代码

<el-input                  id="testId"                  v-model="test.testId"                  @input="handleInput"                  @blur="handleBlur"                  @change="handleChange"                   >               </el-input>

 handleBlur(event){      console.log("blur=", event.target.id)      console.log("blur value=", this.test[event.target.id])    },    handleInput(val){      console.log("input=", val)    },    handleChange(val){      console.log("change=", val)    },

后果

input= ainput= abinput= abcchange= abcblur= testIdblur value= abc