Skip to content
New issue

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

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

Already on GitHub? # 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浏览器上都没问题

@OrangeHeap
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呢?是提交不符合规范吗?

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

No branches or pull requests

9 participants