android输入框失去焦点事件,【报Bug】安卓微信小程序<input /> 组件失去焦点会触发@input。(微信开发工具和IOS真机正常)...

产品分类:

uniapp/小程序/微信

PC开发环境操作系统:

Windows

PC开发环境操作系统版本号:

Windows 10 企业版

HBuilderX类型:

正式

HBuilderX版本号:

3.1.2

第三方开发者工具版本号:

1.03

基础库版本号:

2.14.4

项目创建方式:

HBuilderX

示例代码:

// 子组件 searchInput.vue

class="search-input__input"

:value="value"

type="text"

:placeholder="placeholder"

placeholder-class="search-input__placeholder"

@input="onInputEvent"

@confirm="onConfirm"

@focus="onFocus"

:disabled="disabled"

:maxlength="maxlength"

confirm-type="search"

/>

export default {

props: {

value: {

type: [String],

default: ''

},

disabled: {

type: [Boolean, String],

default: false

},

maxlength: {

type: [Number],

default: 140

},

placeholder: {

type: [String],

default: '请输入'

}

},

methods: {

onClick() {

this.$emit('onClick');

},

// 获取焦点

onFocus() {

this.$emit('onFocus');

},

// 输入赋值

onInputEvent(e) {

this.$emit('update:value', e.detail.value);

},

// 清空输入框

onClear() {

this.$emit('onClear');

},

// 点击确认

onConfirm(e) {

this.$emit('onConfirm', e.detail.value);

}

}

}

// 页面引入子组件

:placeholder="placeholder"

:value.sync="inputVal"

@onConfirm="startSearch"

@onClear="onClear"

/>

import SearchInput from '@/wxcomponents/searchInput';

export default {

components: {

SearchInput

},

methods:{

onInputEvent(val) {

console.log(val, 'onInput');

this.inputVal = val;

},

}

}

操作步骤:

引入包含input的组件,安卓真机调试微信小程序时。先输入随机内容点击搜索后,再次聚焦输入框,此时不输入内容,直接取消聚焦会触发@input事件,并且触发@input事件是触发页面传入组件的input事件,而不是组件内的input事件

预期结果:

输入内容确定,再次聚焦不输入内容直接取消聚焦,不触发@input事件。

实际结果:

安卓真机调试微信小程序时。先输入随机内容点击搜索后,再次聚焦输入框,此时不输入内容,直接取消聚焦会触发@input事件,并且触发@input事件是触发页面传入组件的input事件,而不是组件内的input事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值