出现场景:
管理后台项目,查询条件一直使用的是input 默认类型的框,今天要加一个文本域类型的框,
当值输入完时,enter键触发,发现查出来是空数据,但是表格里是有该条数据的
表格数据
输入料号为:117S00052 进行查询,结果发现是空数据,输入框里也没有输入空格讷,但是发现传参时,地址后面多了一个空格字符,导致查出来的数据是空的
既然找到了问题,就好解决了 。
解决办法:在v-model加上.trim 就可以解决了
错误代码:
<el-form-item><el-inputtype="textarea"v-model="query.pn"clearablesize="small":placeholder="$t('sluggishMaterials.partNumber')"style="width: 200px"class="filter-item"@keyup.enter.native="crud.toQuery"/></el-form-item>
修改后代码:
<el-form-item><el-inputtype="textarea"v-model.trim="query.pn"clearablesize="small":placeholder="$t('sluggishMaterials.partNumber')"style="width: 200px"class="filter-item"@keyup.enter.native="crud.toQuery"/></el-form-item>
tips:
v-model.lazy 只有在input输入框发生blur事件时才触发v-model.trim 去除首尾空格v-model.number 输入的字符串转换成number
vue +element ui input框 type=”textarea“时 输入值 enter键触发 会自动添加空格问题(使用trim去掉首尾空格)