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的时候,输完,它就跳到后面了

2个回答

0

代码怎么写的

0

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

撰写答案