Vant SubmitBar submits the order bar

Introduced

import Vue from 'vue';
import { SubmitBar } from 'vant';

Vue.use(SubmitBar);

Code demo

Basic usage

<van-submit-bar
  :price="3050"
  button-text="提交订单"
  @submit="onSubmit"
/>

The state is disabled

The submit event is not triggered when disabled

<van-submit-bar
  disabled
  :price="3050"
  button-text="提交订单"
  tip="你的收货地址不支持同城送, 我们已为你推荐快递"
  tip-icon="info-o"
  @submit="onSubmit"
/>

The load status

Submit events are not triggered in the load state

<van-submit-bar
  loading
  :price="3050"
  button-text="提交订单"
  @submit="onSubmit"
/>

Advanced usage

Insert custom content through the slot

<van-submit-bar
  :price="3050"
  button-text="提交订单"
  @submit="onSubmit"
>
  <van-checkbox v-model="checked">全选</van-checkbox>
  <span slot="tip">
    你的收货地址不支持同城送, <span>修改地址</span>
  </span>
</van-submit-bar>

Api

Props

Events

Slots