chrome浏览器，在调试vue项目的时候，为啥点击下一步，直接从图1跳到了图2？

Question

 <!-- 扫码 -->
      <u-form-item :labelWidth="140" :label="$t('message.product_BarCode')">
        <u-search :placeholder="$t('message.po_PleaseInput')" v-model="barcode" @search="onOk" :focus="firstFocus" :show-action="false"></u-search>
      </u-form-item>

 async onOk() {
    this.carNo = '';
    this.company = '';
    this.showVehicle = false;
    this.showMsg = false;
    //如果为空，则进入
    if (!this.stoNo) {
      this.customToast(this.$t('message.stoPleaseInput') as any);
      return;
    }
    if (!this.barcode) {
      this.customToast(this.$t('message.barcode_PleaseScan') as any);
      return;
    }
    const selctlist = {
      barcode: this.barcode,
      loginName: session.loginName,
      factoryCode: session.factoryCode,
      stoNo: this.stoNo,
      stoItem: this.stoItem.value,
      matCode: this.TheItem.materialCode,
    };
    await this.model.stoScan(selctlist);
    if (this.model.res.code == '1') {
      //this.customToast(this.$t('message.Warehouse_Tip9') as any);
       uni.showToast({
        title: this.$t('message.success') as string,
        image: '/static/icons/icon-51.png',
      });
      //this.TheItem.scanAmount = this.TheItem.scanAmount + 1;
      this.model.stoNoList[this.ItemIndex].finQty += 1;
      this.barcode = '';
    }else{
      alert(1)
    }
  }

  //越南sto成品扫码出库
  @MutationAction
  async stoScan(list: any) {
    const res: any = await http.post(url.outbound.stoOutbound.stoScan, list);
    //const resCode = res.code;
    return { res };
  }

Answer 1

这三个按钮配个使用



因为下一步要执行该函数, 就进入了该函数的的位置