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

发布于 2022-09-07 16:37:07 字数 720 浏览 10 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

筑梦 2022-09-14 16:37:07

代码怎么写的

未蓝澄海的烟 2022-09-14 16:37:07

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

厌倦 2022-09-14 16:37:07

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

冷血 2022-09-14 16:37:07

请问问题解决了吗,我这会也遇到这问题了,好像升级版本之后才出现的

一城柳絮吹成雪 2022-09-14 16:37:07

有结果了吗, 楼主,我也遇到这个问题了

枯寂 2022-09-14 16:37:07

您好 解决了吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文