element el-input @change 无法触发，@input值出错问题

这里是demo

html

<div id="app">
  el-input
  <el-input v-model="input" @input="changeValue"></el-input>
  class el-input
  <div class="el-input">
    <input type="text" @input="changeValue" v-model="input" class="el-input__inner"/>
  </div>
  input
  <input type="text" @input="changeValue" v-model="input"/>
  {{input}}
</div>

js

changeValue: function(val) {
    this.input = "123"
}

效果图

最终解决方案

<div class="el-input">
  <input type="text" @input="changeValue" v-model="input" class="el-input__inner"/>
</div>

手动添加出el-input的结构并使用@input事件达到监听效果