vux中x-input在安卓手机输入框的删除按钮（@on-click-clear-icon）点击没反应

首先看你自己的的版本好，如果在2.6.9以上，我是在git上找到的解决办法，记录一下，希望可以帮到有需要的小伙伴。

在项目中找 node_modules > vux > x-input > index.vue >找到下面Code 代码进行修改即可

VUX version

2.9.4

OS/Browsers version

安卓手机

Vue version

2.6.10

Code

在x-input.vue

onBlur ($event) {

      this.setTouched()

      this.validate()

      // this.isFocus = false

      this.$emit('on-blur', this.currentValue, $event)

    }

改为

onBlur ($event) {

      setTimeout(() => {

        this.setTouched()

        this.validate()

        this.isFocus = false

        this.$emit('on-blur', this.currentValue, $event)

      }, 0)

    }

focus () {

        this.$refs.input.focus()

    }

改为

focus () {

      setTimeout(() => {

        this.$refs.input.focus()

      }, 0)

    }

就能解决

Steps to reproduce

在安卓手机微信操作输入框，点击清空图标

What is Expected?

正常使用

What is actually happening?

点击清空没反应

巴特西

vux中x-input在安卓手机输入框的删除按钮（@on-click-clear-icon）点击没反应

VUX version

OS/Browsers version

Vue version

Code

Steps to reproduce

What is Expected?

What is actually happening?

最新文章

热门文章