猿问

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

最近有个项目 用了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的时候,输完,它就跳到后面了


繁星coding
浏览 1248回答 3
3回答

weixin_慕设计221734

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

30秒到达战场

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

繁星淼淼

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

相关分类

JavaScript
我要回答