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。

posted @ 2021-03-05 14:46  杨大凯  阅读(987)  评论(0)    收藏  举报