el-input输入框输入内容,按回车,会刷新界面


  el-input 上加上@keyup.enter.native,第一次回车时会刷新界面,解决办法:在el-from上加上  @submit.native.prevent

  

            <el-form :inline="true" label-width="80px" :model="listQuery" size="mini" @submit.native.prevent>
                <el-form-item>
                    <el-input
                        v-model.trim="listQuery.Params.CommunityName"
                        placeholder="请输入"
                        @keyup.enter.native="filterData"
                        icon="el-icon-search"
                        clearable
                        @clear="filterData"
                    ></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button
                        icon="el-icon-search"
                        type="primary"
                        @click="filterData"
                        :loading="listLoading"
                        >查询</el-button
                    >
                </el-form-item>
            </el-form>

 当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,在 form 标签上添加 @submit.native.prevent。


免责声明!

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



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