vue 手机端 input change时,无法执行

vue H5页面中,有一个搜索功能,回车时执行,代码如下:

<el-input placeholder="请输入内容" prefix-icon="el-icon-search" clearable size="small" v-model="searchVal" @change="search"></el-input>

问题:
手机端在搜索时,按如下步骤搜索,会有偶发性的不执行的情况(打字区域右下角键为 “确认”或者“换行”

 1. 输入列表中的某一项,如视频,点击右下角的确认
 2. 删除视频,输入一些其他文字,再删除,再输入,点击右下角确认

这里写图片描述 这里写图片描述

当加上form后 确认或换行 就会变为 前往

<form action="">
    <el-input placeholder="请输入内容" prefix-icon="el-icon-search" clearable size="small" v-model="searchVal" @change="search"></el-input>
</form>

如果该问题依旧存在,在搜索时,将光标移除

<form action="">
    <el-input ref="ipt" placeholder="请输入内容" prefix-icon="el-icon-search" clearable size="small" v-model="searchVal" @change="search"></el-input>
</form>

search () {
    this.$refs.ipt.blur()
    ……
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值