700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue +element ui input框 type=”textarea“时 输入值 enter键触发 会自动添加

vue +element ui input框 type=”textarea“时 输入值 enter键触发 会自动添加

时间:2022-10-12 05:51:21

相关推荐

vue +element ui input框 type=”textarea“时 输入值 enter键触发 会自动添加

出现场景:

管理后台项目,查询条件一直使用的是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去掉首尾空格)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。