使用element-ui框架的輸入框,完成輸入回車自動提交功能
一、現象
表單提交時需要處理輸入框的回車事件,一般的原生input標簽可以用@keyup.enter="onSubmit"(tips:onSubmit為定義的方法)
二、解決
- @keyup.enter="onSubmit" 改寫為 @keyup.enter.native="onSubmit" ,也就是說多加一個native標志
- 如:<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="User Name">