vue 手机端 input change时,无法执行
vue H5页面中,有一个搜索功能,回车时执行,代码如下:<el-input placeholder="请输入内容" prefix-icon="el-icon-search" clearable size="small" v-model="searchVal" @change="search&q
·
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()
……
}
更多推荐
已为社区贡献5条内容
所有评论(0)