zoukankan      html  css  js  c++  java
  • 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?

    点击清空没反应

  • 相关阅读:
    kali一些基础工具
    Yii2引入css和js文件
    My97DatePicker日期插件
    Yii2助手函数
    yii2相关前台组件
    yii2之DetailView小部件
    关于SQL_MODE的那些事
    Yii2 RBAC
    ORM介绍
    ASCII码
  • 原文地址:https://www.cnblogs.com/cqy1125/p/11316095.html
Copyright © 2011-2022 走看看