Vux: [Bug Report] x-input type =number 在安卓qq浏览器下 v-model 绑定无效

Created on 22 Jul 2018  ·  14Comments  ·  Source: airyland/vux

VUX version

2.2.0

OS/Browsers version

安卓 8.1.0 miui 9.5

Vue version

2.5.2

Code

<template>
  <div>
    <group title="cell demo">
      <x-input v-model="aaa" type="number"></x-input>
      <h1>{{aaa}}</h1>
    </group>
  </div>
</template>

<script>
import { Group, Cell, XInput } from 'vux'

export default {
  components: {
    Group,
    Cell,
    XInput
  },
  data () {
    return {
      aaa: 0,
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello World!'
    }
  }
}
</script>

<style>
.vux-demo {
  text-align: center;
}
.logo {
  width: 100px;
  height: 100px
}
</style>

Steps to reproduce

此bug在浏览器,和手机chome 正常,在ios qq浏览器正常,但是在安卓qq浏览器下 当 x-input type = number 时候双向绑定无效

What is Expected?

x-input type = number 时候双向绑定生效

What is actually happening?

x-input type = number 时候双向绑定无效

Most helpful comment

目前我的临时解决方案是把 type=number 换成 type=text 或者用原生 input 😫😫😫😫😫

All 14 comments

<x-input v-model="aaa" type="number"></x-input>

ezgif-1-f7490b4a2c.gif

<x-input v-model="aaa" type="text"></x-input>

ezgif-1-3dad816c82.gif

android原生webview也没有办法绑定,还导致了我们一个生产的事故,望解决

遇到了同样的问题,我是在微信内发现的
微信版本:6.6.7
安卓7.1.1
魅族MX6,Flyme 7.8.7.10 beta

在安卓微信端 @on-change 等事件也没有执行,现在直接影响生产了,希望尽快解决,十分感谢,谢谢!!

目前我的临时解决方案是把 type=number 换成 type=text 或者用原生 input 😫😫😫😫😫

是的,我目前开发公总号也遇到了,我就是把type=number删了,但是我想知道的是因为微信浏览器最近升级跟vux的type=number冲突了迈

在安卓的原生浏览器也这样,但是在ios浏览器上都没问题

表示遇到同样的情况,希望官方尽快修复!!

<x-input type="tel" v-model="msg" />

可以解决 https://github.com/airyland/vux/issues/2918

经过测试,这种写法可以解决,但是是单向数据绑定。。。

已经解决这个问题,提pr了 https://github.com/airyland/vux/pull/3084

我也遇到这个问题 请问是怎么解决的?

已经解决这个问题,提pr了 #3084

我用你的方案解决了我的业务问题,但是为啥作者没有合并你的pr呢?是提交不符合规范吗?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hao-li picture hao-li  ·  3Comments

RenShine picture RenShine  ·  4Comments

skyshirt picture skyshirt  ·  4Comments

hjmmc picture hjmmc  ·  3Comments

prettybot picture prettybot  ·  3Comments