原因分析:当表单只有一个文本框时,按下回车将会触发表单的提交事件, 导致页面的刷新。
1:el-input上使用回车事件
<el-input v-model="input" @keyup.enter.native="search1">
解决方法一:在el-form表单加上@submit.native.prevent
<el-form @submit.native.prevent> <el-input v-model="input" @keyup.enter.native="search1"> </el-form>
解决方法二:加一个隐藏的文本框,即表单不只有一个文本框
<el-form > <el-form-item > <el-input v-model="input" @keyup.enter.native="search1"> </el-form-item> <el-form-item style="margin-bottom:0;display:none;"> <el-input></el-input> </el-form-item> </el-form >
标签:el,文本框,表单,input,回车,页面 From: https://www.cnblogs.com/qiangyanhuanxiao/p/17668748.html