Vue -- element-ui el-input组件 回车刷新页面问题


form内只有一个输入框时,按回车会刷新页面 && 如果input有回车事件回车也会刷新页面

 <el-form ref="form" :inline="true" :model="form" label-width="100px">
   <el-input v-model="form.keyword" placeholder="筛选关键词"  class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

阻止form的默认事件,即在form上加上这句话:@submit.native.prevent

 <el-form ref="form" :inline="true" :model="form" label-width="100px" @submit.native.prevent>
    <el-input v-model="form.keyword"  placeholder="筛选关键词" class="handle-input mr10" @keyup.enter.native="search"></el-input>
 </el-form>

Element UI


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM