"<el-form v-show="operation.showSearch" :model="queryParams" ref="queryForm">\n \n <el-col :span="8">\n <el-form-item label="姓名" prop="userName">\n <el-input v-model="queryParams.userName" placeholder="请输入姓名" clearable @keyup.enter.native="personList" />\n \n \n <el-col :span="6" style="margin-left: 10px">\n \n <el-button type="primary" icon="el-icon-search" size="small" @click="handleQueryPerson">搜索\n <el-button icon="el-icon-refresh" size="small" @click="resetQueryPerson">重置\n \n \n \n personList(){\n this.loading = true\n queryProjectPersonPage(this.$getReqParams(this.queryParams, true)).then(res => {\n this.personDataList = res.data.records;\n this.operation.total = res.data.total;\n this.loading = false;\n })\n },这段代码输入姓名回车会刷新整个页面,就好比按了f5一样,不直接刷新数据内容:根据给出的代码,当输入姓名后按回车键时,执行的是personList方法。根据代码逻辑,该方法会重新请求接口数据,并更新personDataListoperation.totalloading的值,而不是刷新整个页面。\n\n可能是因为queryProjectPersonPage方法中的接口请求返回的数据不是预期的结果,导致页面重新加载。建议检查queryProjectPersonPage方法中的接口调用部分,确保返回的数据格式正确,并且不会导致页面重新加载。\n

Vue.js el-input 回车事件刷新页面问题

原文地址: https://www.cveoy.top/t/topic/pVex 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录