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()
    ……
}
Logo

前往低代码交流专区

更多推荐