el-input按回車時，解決同時觸發回車和失焦事件的問題

之前遇到一個問題：在el-input框同時綁定回車和失焦事件，兩個事件觸發的函數是一樣的，回車的時候觸發一次緊接着失焦也觸發一次，導致回車一次觸發兩次函數。

 <el-input v-model="msg" @blur="updateData"  @keyup.enter.native="updateData"></el-input>

methods: {
       updateData() {... //更新操作}
    }

解決辦法

<el-input v-model="msg" @blur="updateData"  @keyup.enter.native="enterBlur($event)"></el-input>

methods: {
       updateData(event) { ... //更新操作},
        
        //回車失去焦點
        enterBlur(event) { event.target.blur() }
    

如果是有參數的可以如下：

<el-input v-model="it.data" @blur="updateData(row,it)"  @keyup.enter.native="enterBlur($event,row,it)"></el-input>

methods: {
       updateData(row,it) { ... //更新操作},
        
        //回車失去焦點
        enterBlur(event,row,it) { event.target.blur(row,it) }
    }

 

參考鏈接：https://blog.csdn.net/Zorephp/article/details/94659488