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