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"
}

效果图
element el-input @change 无法触发,@input值出错问题_第1张图片

最终解决方案

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

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

你可能感兴趣的:(vue-js,element,js)