Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
Jon-Millent opened this issue Jul 22, 2018 · 14 comments

Comments

@Jon-Millent
Copy link
Contributor

Jon-Millent commented Jul 22, 2018

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 时候双向绑定无效

@Jon-Millent
Copy link
Contributor Author

Jon-Millent commented Jul 22, 2018

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

ezgif-1-f7490b4a2c.gif

@Jon-Millent
Copy link
Contributor Author

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

ezgif-1-3dad816c82.gif

@Jiiiiiin
Copy link

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

@mokeyjay
Copy link

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

@wsh0521
Copy link

wsh0521 commented Jul 27, 2018

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

@Jon-Millent
Copy link
Contributor Author

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

@triggerlife
Copy link

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

@Jon-Millent
Copy link
Contributor Author

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

@dev-orange
Copy link

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

@565784135
Copy link

565784135 commented Aug 13, 2018

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

可以解决 #2918

@Jon-Millent
Copy link
Contributor Author

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

@Jon-Millent
Copy link
Contributor Author

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

@ykq5186
Copy link

ykq5186 commented Oct 23, 2018

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

@JeffAzure
Copy link

JeffAzure commented Jan 28, 2019

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

9 participants