为了账号安全,请及时绑定邮箱和手机立即绑定

关于vux x-input在IOS上赋值 自动focus的问题

关于vux x-input在IOS上赋值 自动focus的问题

繁星coding 2019-03-21 16:19:16
最近有个项目 用了vux 的UI来开发,在一个添加页面上(大概有30个字段),需要通过计算,得出价钱,然后赋值在另外的字段上,但是实际使用上发现有问题,就是当我在第一个字段输入数值之后,通过v-model绑定的变量赋值给最后一个input的时候,当输入完第一个数后,整个屏幕会拉到最后面的input框,这样就会出现当我刚完成第一个字段的输入后,整个屏幕就跳到了最后一个input框了,求助大神这样应该如何解决?代码部分<x-input title="进货单价" placeholder="请输入单价" type="number" v-model="form.order_buy_price"></x-input><x-input title="进货量" placeholder="请输入数量" type="number" v-model="form.order_buy_count"></x-input>...10来个input框之后...<x-input title="进货总额(税)" disabled type="number" v-model="form.order_buy_tax_total"></x-input>然后就是watch 进货单价 和 进货量 ,然后计算出进货总额,并赋值但是它那个被赋值的输入框,一旦被赋值,它就会从屏幕不可见的范围,自己focus并滚动到可视范围,等于说我在输入第一个input的时候,输完,它就跳到后面了
查看完整描述

3 回答

?
weixin_慕设计221734

TA贡献1条经验 获得超0个赞

我也遇到同样的问题. 你是怎么解决的.

查看完整回答
反对 回复 2019-11-15
?
30秒到达战场

TA贡献1828条经验 获得超6个赞

不太确定怎么解决这个问题,不过,如果总额是计算出来的,那就是不用改咯?那你直接输出文本到那里,不要用 <input> 就不会有这个问题了吧?


查看完整回答
反对 回复 2019-04-10
?
繁星淼淼

TA贡献1775条经验 获得超11个赞

我也遇到了,同时使用X-INPUT的时候,type="number",最后会报错,且这种情况是在安卓手机上才会出现,但是自动focus的问题,只在ios上出现。所以是不是它的x-input有bug啊,要不用自己写的input框吧,虽然不好看,但是没有bug


查看完整回答
反对 回复 2019-04-10
  • 3 回答
  • 0 关注
  • 1221 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信