el-input输入框 当回车事件和失去焦点都会触发某一方法,方法会执行两遍

951 阅读1分钟

当回车事件和失去焦点都会触发某一方法

时,点击回车某一方法会被执行两遍

解决方法:回车不直接触发方法,而去让当前input失焦再去执行方法。

<el-input v-model="msg" @blur="updateData"  @keyup.enter.native="enterBlur($event)"></el-input>
 methods: {
       updateData(event) { ... //更新操作},
        //回车失去焦点
        enterBlur(event) { event.target.blur() }
    }
 }