recently, a project was developed using vux"s UI. On an add page (there are about 30 fields), the price needs to be calculated, and then the value is assigned to another field. But there is a problem in actual use, that is, when I enter a numeric value in the first field, the variable bound by v-model is assigned to the last input, when the first number is entered, The whole screen will be pulled to the last input box, so that when I have just finished typing the first field, the whole screen will jump to the last input box. What should I do if I ask for help?

Code

<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>
...
10input
...
<x-input title="" disabled type="number" v-model="form.order_buy_tax_total"></x-input>

then there is the purchase unit price and purchase volume of watch, and then calculate the total purchase amount and assign
but once its assigned input box is assigned, it will focus itself from the invisible range of the screen and scroll to the visual range, which means that when I type the first input, it jumps to the back