blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-25 19:06:36 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/markdown/en-US/submit-bar.md
neverland d8b6ad7d54
[new feature] add i18n support (#310) 
* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

* [new feature] update document header style

* [Doc] add toast english ducoment

* [new feature] add i18n support

* feat: Extract demos from markdown

* feat: Base components demos

* [new feature] complete demo extract & translate

* [fix] text cases

* fix: add deepAssign test cases

* fix: changelog detail

* [new feature] AddressEdit support i18n
2017-11-15 20:08:51 -06:00

2.0 KiB
Raw Blame History

SubmitBar

Install

import { SubmitBar } from 'vant';

Vue.component(SubmitBar.name, SubmitBar);

Usage

Basic Usage

<van-submit-bar
  :price="3050"
  buttonText="提交订单"
  @submit="onClickButton"
/>

Disabled

禁用状态下不会触发submit事件

<van-submit-bar
  disabled
  :price="3050"
  buttonText="提交订单"
  tip="您的收货地址不支持同城送, 我们已为您推荐快递"
  @submit="onClickButton"
/>

Loading

加载状态下不会触发submit事件

<van-submit-bar
  loading
  :price="3050"
  buttonText="提交订单"
  @submit="onClickButton"
/>

Advanced Usage

提示文案中的额外操作和说明

<van-submit-bar
  :price="3050"
  buttonText="提交订单"
  @submit="onClickButton"
>
  <span slot="tip">
    您的收货地址不支持同城送, <span @click="onClickEditAddress">修改地址 ></span>
  </span>
</van-submit-bar>

API

Attribute Description Type Default 必须
price 价格（单位分） Number - 是
buttonText 按钮文字 String - 是
buttonType 按钮类型 String danger 否
tip 提示文案 String - 否
disabled 是否禁用按钮 Boolean false 否
loading 是否显示加载中的按钮 Boolean false 否

Event

Event Description Attribute
submit 按钮点击事件回调 -

Slot

Name Description
tip 提示文案中的额外操作和说明