在使用elementUi form表單時,一般會這么寫
[html] <el-form>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
[/html]
在 input中加上@keyup.enter.native 就可以使用回車事件
但是會發(fā)現(xiàn)有時候,第一次回車就會刷新頁面,再次回車,才出發(fā)回車事件。
當(dāng)一個 form 元素中只有一個輸入框時,在該輸入框中按下回車應(yīng)提交該表單。如果希望阻止這一默認行為,可以在 標簽上添加 @submit.native.prevent。
調(diào)整后的代碼如下:
[html] <el-form @submit.native.prevent>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
[/html]