mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: remove earlier version tags (#7109)
This commit is contained in:
parent
ac05bcd97b
commit
d0eb103cba
@ -154,10 +154,10 @@ export default {
|
||||
| actions | Options | _Action[]_ | `[]` |
|
||||
| title | Title | _string_ | - |
|
||||
| cancel-text | Text of cancel button | _string_ | - |
|
||||
| description `v2.2.8` | Description above the options | _string_ | - |
|
||||
| close-icon `v2.2.13` | Close icon name | _string_ | `cross` |
|
||||
| duration `v2.0.3` | Transition duration, unit second | _number \| string_ | `0.3` |
|
||||
| round `v2.0.9` | Whether to show round corner | _boolean_ | `true` |
|
||||
| description | Description above the options | _string_ | - |
|
||||
| close-icon | Close icon name | _string_ | `cross` |
|
||||
| duration | Transition duration, unit second | _number \| string_ | `0.3` |
|
||||
| round | Whether to show round corner | _boolean_ | `true` |
|
||||
| overlay | Whether to show overlay | _boolean_ | `true` |
|
||||
| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
|
||||
| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
|
||||
|
@ -160,10 +160,10 @@ export default {
|
||||
| actions | 面板选项列表 | _Action[]_ | `[]` |
|
||||
| title | 顶部标题 | _string_ | - |
|
||||
| cancel-text | 取消按钮文字 | _string_ | - |
|
||||
| description `v2.2.8` | 选项上方的描述信息 | _string_ | - |
|
||||
| close-icon `v2.2.13` | 关闭[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `cross` |
|
||||
| duration `v2.0.3` | 动画时长,单位秒 | _number \| string_ | `0.3` |
|
||||
| round `v2.0.9` | 是否显示圆角 | _boolean_ | `true` |
|
||||
| description | 选项上方的描述信息 | _string_ | - |
|
||||
| close-icon | 关闭[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `cross` |
|
||||
| duration | 动画时长,单位秒 | _number \| string_ | `0.3` |
|
||||
| round | 是否显示圆角 | _boolean_ | `true` |
|
||||
| overlay | 是否显示遮罩层 | _boolean_ | `true` |
|
||||
| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
|
||||
| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
|
||||
|
@ -68,7 +68,7 @@ export default {
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| area-list | Area List | _object_ | - |
|
||||
| area-columns-placeholder `v2.2.5` | placeholder of area columns | _string[]_ | `[]` |
|
||||
| area-columns-placeholder | placeholder of area columns | _string[]_ | `[]` |
|
||||
| area-placeholder `v2.6.1` | placeholder of area input field | _string_ | `Area` |
|
||||
| address-info | Address Info | _AddressInfo_ | `{}` |
|
||||
| search-result | Address search result | _SearchResult[]_ | `[]` |
|
||||
@ -82,12 +82,12 @@ export default {
|
||||
| save-button-text | Save button text | _string_ | `Save` |
|
||||
| delete-button-text | Delete button text | _string_ | `Delete` |
|
||||
| detail-rows | Detail input rows | _number \| string_ | `1` |
|
||||
| detail-maxlength `v2.0.4` | Detail maxlength | _number \| string_ | `200` |
|
||||
| detail-maxlength | Detail maxlength | _number \| string_ | `200` |
|
||||
| is-saving | Whether to show save button loading status | _boolean_ | `false` |
|
||||
| is-deleting | Whether to show delete button loading status | _boolean_ | `false` |
|
||||
| tel-validator | The method to validate tel | _(tel: string) => boolean_ | - |
|
||||
| tel-maxlength `v2.10.0` | Tel maxlength | _number \| string_ | - |
|
||||
| postal-validator `v2.1.2` | The method to validate postal | _(tel: string) => boolean_ | - |
|
||||
| postal-validator | The method to validate postal | _(tel: string) => boolean_ | - |
|
||||
| validator | Custom validator | _(key, val) => string_ | - |
|
||||
|
||||
### Events
|
||||
|
@ -68,7 +68,7 @@ export default {
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| area-list | 地区列表 | _object_ | - |
|
||||
| area-columns-placeholder `v2.2.5` | 地区选择列占位提示文字 | _string[]_ | `[]` |
|
||||
| area-columns-placeholder | 地区选择列占位提示文字 | _string[]_ | `[]` |
|
||||
| area-placeholder `v2.6.1` | 地区输入框占位提示文字 | _string_ | `选择省 / 市 / 区` |
|
||||
| address-info | 收货人信息初始值 | _AddressInfo_ | `{}` |
|
||||
| search-result | 详细地址搜索结果 | _SearchResult[]_ | `[]` |
|
||||
@ -82,12 +82,12 @@ export default {
|
||||
| save-button-text | 保存按钮文字 | _string_ | `保存` |
|
||||
| delete-button-text | 删除按钮文字 | _string_ | `删除` |
|
||||
| detail-rows | 详细地址输入框行数 | _number \| string_ | `1` |
|
||||
| detail-maxlength `v2.0.4` | 详细地址最大长度 | _number \| string_ | `200` |
|
||||
| detail-maxlength | 详细地址最大长度 | _number \| string_ | `200` |
|
||||
| is-saving | 是否显示保存按钮加载动画 | _boolean_ | `false` |
|
||||
| is-deleting | 是否显示删除按钮加载动画 | _boolean_ | `false` |
|
||||
| tel-validator | 手机号格式校验函数 | _string => boolean_ | - |
|
||||
| tel-maxlength `v2.10.0` | 手机号最大长度 | _number \| string_ | - |
|
||||
| postal-validator `v2.1.2` | 邮政编码格式校验函数 | _string => boolean_ | - |
|
||||
| postal-validator | 邮政编码格式校验函数 | _string => boolean_ | - |
|
||||
| validator | 自定义校验函数 | _(key, val) => string_ | - |
|
||||
|
||||
### Events
|
||||
|
@ -62,14 +62,14 @@ To have a selected value,simply pass the `code` of target area to `value` prop
|
||||
| confirm-button-text | Text of confirm button | _string_ | `Confirm` |
|
||||
| cancel-button-text | Text of cancel button | _string_ | `Cancel` |
|
||||
| area-list | Area list data | _object_ | - |
|
||||
| columns-placeholder `v2.2.5` | Placeholder of columns | _string[]_ | `[]` |
|
||||
| columns-placeholder | Placeholder of columns | _string[]_ | `[]` |
|
||||
| loading | Whether to show loading prompt | _boolean_ | `false` |
|
||||
| readonly `v2.10.5` | Whether to be readonly | _boolean_ | `false` |
|
||||
| item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
|
||||
| columns-num | Level of picker | _number \| string_ | `3` |
|
||||
| visible-item-count | Count of visible columns | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.13` | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
| is-oversea-code `v2.1.4` | The method to validate oversea code | _() => boolean_ | - |
|
||||
| swipe-duration | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
| is-oversea-code | The method to validate oversea code | _() => boolean_ | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -62,14 +62,14 @@ Vue.use(Area);
|
||||
| confirm-button-text | 确认按钮文字 | _string_ | `确认` |
|
||||
| cancel-button-text | 取消按钮文字 | _string_ | `取消` |
|
||||
| area-list | 省市区数据,格式见下方 | _object_ | - |
|
||||
| columns-placeholder `v2.2.5` | 列占位提示文字 | _string[]_ | `[]` |
|
||||
| columns-placeholder | 列占位提示文字 | _string[]_ | `[]` |
|
||||
| loading | 是否显示加载状态 | _boolean_ | `false` |
|
||||
| readonly `v2.10.5` | 是否为只读状态,只读状态下无法切换选项 | _boolean_ | `false` |
|
||||
| item-height `v2.8.6` | 选项高度,支持 `px` `vw` `rem` 单位,默认 `px` | _number \| string_ | `44` |
|
||||
| columns-num | 显示列数,3-省市区,2-省市,1-省 | _number \| string_ | `3` |
|
||||
| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.13` | 快速滑动时惯性滚动的时长,单位`ms` | _number \| string_ | `1000` |
|
||||
| is-oversea-code `v2.1.4` | 根据`code`校验海外地址,海外地址会划分至单独的分类 | _() => boolean_ | - |
|
||||
| swipe-duration | 快速滑动时惯性滚动的时长,单位`ms` | _number \| string_ | `1000` |
|
||||
| is-oversea-code | 根据`code`校验海外地址,海外地址会划分至单独的分类 | _() => boolean_ | - |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -108,7 +108,7 @@ Vue.use(Button);
|
||||
| type | Can be set to `primary` `info` `warning` `danger` | _string_ | `default` |
|
||||
| size | Can be set to `large` `small` `mini` | _string_ | `normal` |
|
||||
| text | Text | _string_ | - |
|
||||
| color `v2.1.8` | Color, support linear-gradient | _string_ | - |
|
||||
| color | Color, support linear-gradient | _string_ | - |
|
||||
| icon | Left Icon | _string_ | - |
|
||||
| icon-prefix `v2.6.0` | Icon className prefix | _string_ | `van-icon` |
|
||||
| tag | HTML Tag | _string_ | `button` |
|
||||
|
@ -130,7 +130,7 @@ Vue.use(Button);
|
||||
| type | 类型,可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
|
||||
| size | 尺寸,可选值为 `large` `small` `mini` | _string_ | `normal` |
|
||||
| text | 按钮文字 | _string_ | - |
|
||||
| color `v2.1.8` | 按钮颜色,支持传入`linear-gradient`渐变色 | _string_ | - |
|
||||
| color | 按钮颜色,支持传入`linear-gradient`渐变色 | _string_ | - |
|
||||
| icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
|
||||
| icon-prefix `v2.6.0` | 图标类名前缀,同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
|
||||
| tag | 根节点的 HTML 标签 | _string_ | `button` |
|
||||
|
@ -220,7 +220,7 @@ export default {
|
||||
| label-position | Can be set to `left` | _string_ | `right` |
|
||||
| icon-size | Icon size | _number \| string_ | `20px` |
|
||||
| checked-color | Checked color | _string_ | `#1989fa` | - |
|
||||
| bind-group `v2.2.4` | Whether to bind with CheckboxGroup | _boolean_ | `true` |
|
||||
| bind-group | Whether to bind with CheckboxGroup | _boolean_ | `true` |
|
||||
|
||||
### CheckboxGroup Props
|
||||
|
||||
@ -230,8 +230,8 @@ export default {
|
||||
| disabled | Whether to disable all checkboxes | _boolean_ | `false` |
|
||||
| max | Maximum amount of checked options | _number \| string_ | `0`(Unlimited) |
|
||||
| direction `v2.5.0` | Direction, can be set to `horizontal` | _string_ | `vertical` |
|
||||
| icon-size `v2.2.3` | Icon size of all checkboxes | _number \| string_ | `20px` |
|
||||
| checked-color `v2.2.3` | Checked color of all checkboxes | _string_ | `#1989fa` | - |
|
||||
| icon-size | Icon size of all checkboxes | _number \| string_ | `20px` |
|
||||
| checked-color | Checked color of all checkboxes | _string_ | `#1989fa` | - |
|
||||
|
||||
### Checkbox Events
|
||||
|
||||
|
@ -230,17 +230,17 @@ export default {
|
||||
|
||||
### Checkbox Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| v-model (value) | 是否为选中状态 | _boolean_ | `false` |
|
||||
| name | 标识符 | _any_ | - |
|
||||
| shape | 形状,可选值为 `square` | _string_ | `round` |
|
||||
| disabled | 是否禁用复选框 | _boolean_ | `false` |
|
||||
| label-disabled | 是否禁用复选框文本点击 | _boolean_ | `false` |
|
||||
| label-position | 文本位置,可选值为 `left` | _string_ | `right` |
|
||||
| icon-size | 图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color | 选中状态颜色 | _string_ | `#1989fa` |
|
||||
| bind-group `v2.2.4` | 是否与复选框组绑定 | _boolean_ | `true` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --------------- | ------------------------- | ------------------ | --------- |
|
||||
| v-model (value) | 是否为选中状态 | _boolean_ | `false` |
|
||||
| name | 标识符 | _any_ | - |
|
||||
| shape | 形状,可选值为 `square` | _string_ | `round` |
|
||||
| disabled | 是否禁用复选框 | _boolean_ | `false` |
|
||||
| label-disabled | 是否禁用复选框文本点击 | _boolean_ | `false` |
|
||||
| label-position | 文本位置,可选值为 `left` | _string_ | `right` |
|
||||
| icon-size | 图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color | 选中状态颜色 | _string_ | `#1989fa` |
|
||||
| bind-group | 是否与复选框组绑定 | _boolean_ | `true` |
|
||||
|
||||
### CheckboxGroup Props
|
||||
|
||||
@ -250,8 +250,8 @@ export default {
|
||||
| disabled | 是否禁用所有复选框 | _boolean_ | `false` |
|
||||
| max | 最大可选数,`0`为无限制 | _number \| string_ | `0` |
|
||||
| direction `v2.5.0` | 排列方向,可选值为`horizontal` | _string_ | `vertical` |
|
||||
| icon-size `v2.2.3` | 所有复选框的图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color `v2.2.3` | 所有复选框的选中状态颜色 | _string_ | `#1989fa` |
|
||||
| icon-size | 所有复选框的图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color | 所有复选框的选中状态颜色 | _string_ | `#1989fa` |
|
||||
|
||||
### Checkbox Events
|
||||
|
||||
|
@ -110,13 +110,13 @@ export default {
|
||||
| v-model | Current rate | _number_ | - |
|
||||
| rate | Target rate | _number \| string_ | `100` |
|
||||
| size | Circle size | _number \| string_ | `100px` |
|
||||
| color `v2.1.4` | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
|
||||
| color | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
|
||||
| layer-color | Layer color | _string_ | `white` |
|
||||
| fill | Fill color | _string_ | `none` |
|
||||
| speed | Animate speed(rate/s) | _number \| string_ | `0` |
|
||||
| text | Text | _string_ | - |
|
||||
| stroke-width | Stroke width | _number \| string_ | `40` |
|
||||
| stroke-linecap `v2.2.15` | Stroke linecap,can be set to `sqaure` `butt` | _string_ | `round` |
|
||||
| stroke-linecap | Stroke linecap,can be set to `sqaure` `butt` | _string_ | `round` |
|
||||
| clockwise | Whether to be clockwise | _boolean_ | `true` |
|
||||
|
||||
### Slots
|
||||
|
@ -117,13 +117,13 @@ export default {
|
||||
| v-model | 当前进度 | _number_ | - |
|
||||
| rate | 目标进度 | _number \| string_ | `100` |
|
||||
| size | 圆环直径,默认单位为 `px` | _number \| string_ | `100px` |
|
||||
| color `v2.1.4` | 进度条颜色,传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
|
||||
| color | 进度条颜色,传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
|
||||
| layer-color | 轨道颜色 | _string_ | `white` |
|
||||
| fill | 填充颜色 | _string_ | `none` |
|
||||
| speed | 动画速度(单位为 rate/s) | _number \| string_ | `0` |
|
||||
| text | 文字 | _string_ | - |
|
||||
| stroke-width | 进度条宽度 | _number \| string_ | `40` |
|
||||
| stroke-linecap `v2.2.15` | 进度条端点的形状,可选值为`sqaure` `butt` | _string_ | `round` |
|
||||
| stroke-linecap | 进度条端点的形状,可选值为`sqaure` `butt` | _string_ | `round` |
|
||||
| clockwise | 是否顺时针增加 | _boolean_ | `true` |
|
||||
|
||||
### Slots
|
||||
|
@ -104,7 +104,7 @@ export default {
|
||||
| input-placeholder | 输入框文字提示 | _string_ | `请输入优惠码` |
|
||||
| show-exchange-bar | 是否展示兑换栏 | _boolean_ | `true` |
|
||||
| currency | 货币符号 | _string_ | `¥` |
|
||||
| empty-image `v2.1.0` | 列表为空时的占位图 | _string_ | `https://img.yzcdn.cn/vant/coupon-empty.png` |
|
||||
| empty-image | 列表为空时的占位图 | _string_ | `https://img.yzcdn.cn/vant/coupon-empty.png` |
|
||||
| show-count `v2.3.0` | 是否展示可用 / 不可用数量 | _boolean_ | `true` |
|
||||
|
||||
### CouponList Events
|
||||
|
@ -262,7 +262,7 @@ export default {
|
||||
| columns-order `v2.9.2` | Array for ordering columns, where item can be set to<br> `year`, `month`, `day`, `hour` and `minute` | _string[]_ | - |
|
||||
| item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
|
||||
| visible-item-count | Count of visible columns | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.13` | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
| swipe-duration | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
|
||||
### DatePicker Props
|
||||
|
||||
|
@ -271,7 +271,7 @@ export default {
|
||||
| columns-order `v2.9.2` | 自定义列排序数组, 子项可选值为<br> `year`、`month`、`day`、`hour`、`minute` | _string[]_ | - |
|
||||
| item-height `v2.8.6` | 选项高度,支持 `px` `vw` `rem` 单位,默认 `px` | _number \| string_ | `44` |
|
||||
| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.13` | 快速滑动时惯性滚动的时长,单位`ms` | _number \| string_ | `1000` |
|
||||
| swipe-duration | 快速滑动时惯性滚动的时长,单位`ms` | _number \| string_ | `1000` |
|
||||
|
||||
### DatePicker Props
|
||||
|
||||
|
@ -138,7 +138,7 @@ export default {
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| title | Title | _string_ | - |
|
||||
| width `v2.2.7` | Width | _number \| string_ | `320px` |
|
||||
| width | Width | _number \| string_ | `320px` |
|
||||
| message | Message | _string_ | - |
|
||||
| messageAlign | Message text align,can be set to `left` `right` | _string_ | `center` |
|
||||
| theme `v2.10.0` | theme style,can be set to `round` | _string_ | `default` |
|
||||
@ -150,14 +150,14 @@ export default {
|
||||
| confirmButtonText | Confirm button text | _string_ | `Confirm` |
|
||||
| confirmButtonColor | Confirm button color | _string_ | `#ee0a24` |
|
||||
| overlay | Whether to show overlay | _boolean_ | `true` |
|
||||
| overlayClass `v2.2.7` | Custom overlay class | _string_ | - |
|
||||
| overlayStyle `v2.2.7` | Custom overlay style | _object_ | - |
|
||||
| closeOnPopstate `v2.0.5` | Whether to close when popstate | _boolean_ | `true` |
|
||||
| overlayClass | Custom overlay class | _string_ | - |
|
||||
| overlayStyle | Custom overlay style | _object_ | - |
|
||||
| closeOnPopstate | Whether to close when popstate | _boolean_ | `true` |
|
||||
| closeOnClickOverlay | Whether to close when click overlay | _boolean_ | `false` |
|
||||
| lockScroll | Whether to lock body scroll | _boolean_ | `true` |
|
||||
| allowHtml `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
|
||||
| beforeClose | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
|
||||
| transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
|
||||
| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
|
||||
| getContainer | Return the mount node for Dialog | _string \| () => Element_ | `body` |
|
||||
|
||||
### Props
|
||||
@ -166,7 +166,7 @@ export default {
|
||||
| --- | --- | --- | --- |
|
||||
| v-model | Whether to show dialog | _boolean_ | - |
|
||||
| title | Title | _string_ | - |
|
||||
| width `v2.2.7` | Width | _number \| string_ | `320px` |
|
||||
| width | Width | _number \| string_ | `320px` |
|
||||
| message | Message | _string_ | - |
|
||||
| message-align | Message align,can be set to `left` `right` | _string_ | `center` |
|
||||
| theme `v2.10.0` | theme style,can be set to `round-button` | _string_ | `default` |
|
||||
@ -177,15 +177,15 @@ export default {
|
||||
| confirm-button-text | Confirm button text | _string_ | `Confirm` |
|
||||
| confirm-button-color | Confirm button color | _string_ | `#ee0a24` |
|
||||
| overlay | Whether to show overlay | _boolean_ | `true` |
|
||||
| overlay-class `v2.2.7` | Custom overlay class | _string_ | - |
|
||||
| overlay-style `v2.2.7` | Custom overlay style | _object_ | - |
|
||||
| close-on-popstate `v2.0.5` | Whether to close when popstate | _boolean_ | `true` |
|
||||
| overlay-class | Custom overlay class | _string_ | - |
|
||||
| overlay-style | Custom overlay style | _object_ | - |
|
||||
| close-on-popstate | Whether to close when popstate | _boolean_ | `true` |
|
||||
| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `false` |
|
||||
| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
|
||||
| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
|
||||
| allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
|
||||
| before-close | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
|
||||
| transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
|
||||
| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
|
||||
| get-container | Return the mount node for Dialog | _string \| () => Element_ | - |
|
||||
|
||||
### Events
|
||||
|
@ -168,7 +168,7 @@ export default {
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| title | 标题 | _string_ | - |
|
||||
| width `v2.2.7` | 弹窗宽度,默认单位为`px` | _number \| string_ | `320px` |
|
||||
| width | 弹窗宽度,默认单位为`px` | _number \| string_ | `320px` |
|
||||
| message | 文本内容,支持通过`\n`换行 | _string_ | - |
|
||||
| messageAlign | 内容对齐方式,可选值为`left` `right` | _string_ | `center` |
|
||||
| theme | 样式风格,可选值为`round` | _string_ | `default` |
|
||||
@ -180,14 +180,14 @@ export default {
|
||||
| cancelButtonText | 取消按钮文案 | _string_ | `取消` |
|
||||
| cancelButtonColor | 取消按钮颜色 | _string_ | `black` |
|
||||
| overlay | 是否展示遮罩层 | _boolean_ | `true` |
|
||||
| overlayClass `v2.2.7` | 自定义遮罩层类名 | _string_ | - |
|
||||
| overlayStyle `v2.2.7` | 自定义遮罩层样式 | _object_ | - |
|
||||
| closeOnPopstate `v2.0.5` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
|
||||
| overlayClass | 自定义遮罩层类名 | _string_ | - |
|
||||
| overlayStyle | 自定义遮罩层样式 | _object_ | - |
|
||||
| closeOnPopstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
|
||||
| closeOnClickOverlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
|
||||
| lockScroll | 是否锁定背景滚动 | _boolean_ | `true` |
|
||||
| allowHtml `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
|
||||
| beforeClose | 关闭前的回调函数,<br>调用 done() 后关闭弹窗,<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
|
||||
| transition `v2.2.6` | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
|
||||
| transition | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
|
||||
| getContainer | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | `body` |
|
||||
|
||||
### Props
|
||||
@ -198,7 +198,7 @@ export default {
|
||||
| --- | --- | --- | --- |
|
||||
| v-model | 是否显示弹窗 | _boolean_ | - |
|
||||
| title | 标题 | _string_ | - |
|
||||
| width `v2.2.7` | 弹窗宽度,默认单位为`px` | _number \| string_ | `320px` |
|
||||
| width | 弹窗宽度,默认单位为`px` | _number \| string_ | `320px` |
|
||||
| message | 文本内容,支持通过`\n`换行 | _string_ | - |
|
||||
| message-align | 内容对齐方式,可选值为`left` `right` | _string_ | `center` |
|
||||
| theme | 样式风格,可选值为`round-button` | _string_ | `default` |
|
||||
@ -209,15 +209,15 @@ export default {
|
||||
| cancel-button-text | 取消按钮文案 | _string_ | `取消` |
|
||||
| cancel-button-color | 取消按钮颜色 | _string_ | `black` |
|
||||
| overlay | 是否展示遮罩层 | _boolean_ | `true` |
|
||||
| overlay-class `v2.2.7` | 自定义遮罩层类名 | _string_ | - |
|
||||
| overlay-style `v2.2.7` | 自定义遮罩层样式 | _object_ | - |
|
||||
| close-on-popstate `v2.0.5` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
|
||||
| overlay-class | 自定义遮罩层类名 | _string_ | - |
|
||||
| overlay-style | 自定义遮罩层样式 | _object_ | - |
|
||||
| close-on-popstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
|
||||
| close-on-click-overlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
|
||||
| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
|
||||
| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
|
||||
| allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
|
||||
| before-close | 关闭前的回调函数,<br>调用 done() 后关闭弹窗,<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
|
||||
| transition `v2.2.6` | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
|
||||
| transition | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
|
||||
| get-container | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
|
||||
|
||||
### Events
|
||||
|
@ -125,12 +125,12 @@ Use `active-color` prop to custom active color of the title and options
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| active-color | Active color of title and option | _string_ | `#ee0a24` |
|
||||
| direction `v2.0.1` | Expand direction, can be set to `up` | _string_ | `down` |
|
||||
| direction | Expand direction, can be set to `up` | _string_ | `down` |
|
||||
| z-index | z-index of menu item | _number \| string_ | `10` |
|
||||
| duration | Transition duration, unit second | _number \| string_ | `0.2` |
|
||||
| overlay | Whether to show overlay | _boolean_ | `true` |
|
||||
| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
|
||||
| close-on-click-outside `v2.0.7` | Whether to close when click outside | _boolean_ | `true` |
|
||||
| close-on-click-outside | Whether to close when click outside | _boolean_ | `true` |
|
||||
|
||||
### DropdownItem Props
|
||||
|
||||
@ -142,7 +142,7 @@ Use `active-color` prop to custom active color of the title and options
|
||||
| disabled | Whether to disable dropdown item | _boolean_ | `false` |
|
||||
| lazy-render `v2.8.5` | Whether to lazy render util opened | _boolean_ | `true` |
|
||||
| title-class | Title class | _string_ | - |
|
||||
| get-container `v2.2.4` | Return the mount node for menu | _string \| () => Element_ | - |
|
||||
| get-container | Return the mount node for menu | _string \| () => Element_ | - |
|
||||
|
||||
### DropdownItem Events
|
||||
|
||||
|
@ -129,12 +129,12 @@ export default {
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| active-color | 菜单标题和选项的选中态颜色 | _string_ | `#ee0a24` |
|
||||
| direction `v2.0.1` | 菜单展开方向,可选值为`up` | _string_ | `down` |
|
||||
| direction | 菜单展开方向,可选值为`up` | _string_ | `down` |
|
||||
| z-index | 菜单栏 z-index 层级 | _number \| string_ | `10` |
|
||||
| duration | 动画时长,单位秒 | _number \| string_ | `0.2` |
|
||||
| overlay | 是否显示遮罩层 | _boolean_ | `true` |
|
||||
| close-on-click-overlay | 是否在点击遮罩层后关闭菜单 | _boolean_ | `true` |
|
||||
| close-on-click-outside `v2.0.7` | 是否在点击外部元素后关闭菜单 | _boolean_ | `true` |
|
||||
| close-on-click-outside | 是否在点击外部元素后关闭菜单 | _boolean_ | `true` |
|
||||
|
||||
### DropdownItem Props
|
||||
|
||||
@ -146,7 +146,7 @@ export default {
|
||||
| disabled | 是否禁用菜单 | _boolean_ | `false` |
|
||||
| lazy-render `v2.8.5` | 是否在首次展开时才渲染菜单内容 | _boolean_ | `true` |
|
||||
| title-class | 标题额外类名 | _string_ | - |
|
||||
| get-container `v2.2.4` | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
|
||||
| get-container | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
|
||||
|
||||
### DropdownItem Events
|
||||
|
||||
|
@ -236,12 +236,12 @@ Use `input-align` prop to align the input value.
|
||||
| clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
|
||||
| is-link | Whether to show link icon | _boolean_ | `false` |
|
||||
| autofocus | Whether to auto focus, unsupported in iOS | _boolean_ | `false` |
|
||||
| show-word-limit `v2.2.8` | Whether to show word limit, need to set the `maxlength` prop | _boolean_ | `false` |
|
||||
| show-word-limit | Whether to show word limit, need to set the `maxlength` prop | _boolean_ | `false` |
|
||||
| error | Whether to show error info | _boolean_ | `false` |
|
||||
| error-message | Error message | _string_ | - |
|
||||
| formatter `v2.4.2` | Input value formatter | _Function_ | - |
|
||||
| format-trigger `v2.8.7` | When to format value,can be set to `onBlur` | _string_ | `onChange` |
|
||||
| arrow-direction `v2.0.4` | Can be set to `left` `up` `down` | _string_ | `right` |
|
||||
| arrow-direction | Can be set to `left` `up` `down` | _string_ | `right` |
|
||||
| label-class | Label className | _any_ | - |
|
||||
| label-width | Label width | _number \| string_ | `6.2em` |
|
||||
| label-align | Label align, can be set to `center` `right` | _string_ | `left` |
|
||||
|
@ -261,12 +261,12 @@ export default {
|
||||
| clickable | 是否开启点击反馈 | _boolean_ | `false` |
|
||||
| is-link | 是否展示右侧箭头并开启点击反馈 | _boolean_ | `false` |
|
||||
| autofocus | 是否自动聚焦,iOS 系统不支持该属性 | _boolean_ | `false` |
|
||||
| show-word-limit `v2.2.8` | 是否显示字数统计,需要设置`maxlength`属性 | _boolean_ | `false` |
|
||||
| show-word-limit | 是否显示字数统计,需要设置`maxlength`属性 | _boolean_ | `false` |
|
||||
| error | 是否将输入内容标红 | _boolean_ | `false` |
|
||||
| error-message | 底部错误提示文案,为空时不展示 | _string_ | - |
|
||||
| formatter `v2.4.2` | 输入内容格式化函数 | _Function_ | - |
|
||||
| format-trigger `v2.8.7` | 格式化函数触发的时机,可选值为 `onBlur` | _string_ | `onChange` |
|
||||
| arrow-direction `v2.0.4` | 箭头方向,可选值为 `left` `up` `down` | _string_ | `right` |
|
||||
| arrow-direction | 箭头方向,可选值为 `left` `up` `down` | _string_ | `right` |
|
||||
| label-class | 左侧文本额外类名 | _any_ | - |
|
||||
| label-width | 左侧文本宽度,默认单位为`px` | _number \| string_ | `6.2em` |
|
||||
| label-align | 左侧文本对齐方式,可选值为 `center` `right` | _string_ | `left` |
|
||||
|
@ -104,7 +104,7 @@ Use `badge` prop to show badge in icon
|
||||
| --- | --- | --- | --- |
|
||||
| text | Button text | _string_ | - |
|
||||
| type | Button type, Can be set to `primary` `info` `warning` `danger` | _string_ | `default` |
|
||||
| color `v2.1.8` | Button color, support linear-gradient | _string_ | - |
|
||||
| color | Button color, support linear-gradient | _string_ | - |
|
||||
| icon `v2.4.4` | Left Icon | _string_ | - |
|
||||
| primary | Is primary button (red color) | _boolean_ | `false` |
|
||||
| disabled | Whether to disable button | _boolean_ | `false` |
|
||||
|
@ -113,7 +113,7 @@ export default {
|
||||
| --- | --- | --- | --- |
|
||||
| text | 按钮文字 | _string_ | - |
|
||||
| type | 按钮类型,可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
|
||||
| color `v2.1.8` | 按钮颜色,支持传入`linear-gradient`渐变色 | _string_ | - |
|
||||
| color | 按钮颜色,支持传入`linear-gradient`渐变色 | _string_ | - |
|
||||
| icon `v2.4.4` | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
|
||||
| disabled | 是否禁用按钮 | _boolean_ | `false` | - |
|
||||
| loading | 是否显示为加载状态 | _boolean_ | `false` | - |
|
||||
|
@ -97,8 +97,8 @@ Vue.use(GridItem);
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| column-num `v2.0.4` | Column Num | _number \| string_ | `4` |
|
||||
| icon-size `v2.2.6` | Icon size | _number \| string_ | `28px` |
|
||||
| column-num | Column Num | _number \| string_ | `4` |
|
||||
| icon-size | Icon size | _number \| string_ | `28px` |
|
||||
| gutter | Gutter | _number \| string_ | `0` |
|
||||
| border | Whether to show border | _boolean_ | `true` |
|
||||
| center | Whether to center content | _boolean_ | `true` |
|
||||
@ -113,7 +113,7 @@ Vue.use(GridItem);
|
||||
| text | Text | _string_ | - |
|
||||
| icon | Icon name or URL | _string_ | - |
|
||||
| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
|
||||
| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
|
||||
| dot | Whether to show red dot | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | Content of the badge | _number \| string_ | - |
|
||||
| url | Link URL | _string_ | - |
|
||||
| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
|
||||
|
@ -117,8 +117,8 @@ Vue.use(GridItem);
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| column-num `v2.0.4` | 列数 | _number \| string_ | `4` |
|
||||
| icon-size `v2.2.6` | 图标大小,默认单位为`px` | _number \| string_ | `28px` |
|
||||
| column-num | 列数 | _number \| string_ | `4` |
|
||||
| icon-size | 图标大小,默认单位为`px` | _number \| string_ | `28px` |
|
||||
| gutter | 格子之间的间距,默认单位为`px` | _number \| string_ | `0` |
|
||||
| border | 是否显示边框 | _boolean_ | `true` |
|
||||
| center | 是否将格子内容居中显示 | _boolean_ | `true` |
|
||||
@ -133,7 +133,7 @@ Vue.use(GridItem);
|
||||
| text | 文字 | _string_ | - |
|
||||
| icon | [图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
|
||||
| icon-prefix `v2.5.3` | 图标类名前缀,同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
|
||||
| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
|
||||
| dot | 是否显示图标右上角小红点 | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
|
||||
| info `2.2.1` | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
|
||||
| url | 点击后跳转的链接地址 | _string_ | - |
|
||||
|
@ -85,7 +85,7 @@ import 'vant/lib/icon/local.css';
|
||||
| Attribute | Description | Type | Default |
|
||||
| -------------- | ----------------------- | ------------------ | ---------- |
|
||||
| name | Icon name or URL | _string_ | `''` |
|
||||
| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
|
||||
| dot | Whether to show red dot | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | Content of the badge | _number \| string_ | `''` |
|
||||
| color | Icon color | _string_ | `inherit` |
|
||||
| size | Icon size | _number \| string_ | `inherit` |
|
||||
|
@ -91,7 +91,7 @@ import 'vant/lib/icon/local.css';
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| name | 图标名称或图片链接 | _string_ | - |
|
||||
| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
|
||||
| dot | 是否显示图标右上角小红点 | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
|
||||
| info | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
|
||||
| color | 图标颜色 | _string_ | `inherit` |
|
||||
|
@ -119,7 +119,7 @@ export default {
|
||||
| loop | Whether to enable loop | _boolean_ | `true` |
|
||||
| swipeDuration | Animation duration (ms) | _number \| string_ | `500` |
|
||||
| onClose | Triggered when close | _Function_ | - |
|
||||
| onChange `v2.0.3` | Triggered when current image change | _Function_ | - |
|
||||
| onChange | Triggered when current image change | _Function_ | - |
|
||||
| onScale | Triggered when current image scale | _Function_ | - |
|
||||
| closeOnPopstate | Whether to close when popstate | _boolean_ | `true` |
|
||||
| asyncClose | Whether to enable async close | _boolean_ | `false` |
|
||||
|
@ -155,7 +155,7 @@ export default {
|
||||
| showIndicators | 是否显示轮播指示器 | _boolean_ | `false` |
|
||||
| loop | 是否开启循环播放 | _boolean_ | `true` |
|
||||
| onClose | 关闭时的回调函数 | _Function_ | - |
|
||||
| onChange `v2.0.3` | 切换图片时的回调函数,回调参数为当前索引 | _Function_ | - |
|
||||
| onChange | 切换图片时的回调函数,回调参数为当前索引 | _Function_ | - |
|
||||
| onScale | 缩放图片时的回调函数,回调参数为当前索引和当前缩放值组成的对象 | _Function_ | - |
|
||||
| asyncClose | 是否开启异步关闭 | _boolean_ | `false` |
|
||||
| closeOnPopstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
|
||||
|
@ -70,11 +70,11 @@ Vue.use(Lazyload);
|
||||
| alt | Alt | _string_ | - |
|
||||
| width | Width | _number \| string_ | - |
|
||||
| height | Height | _number \| string_ | - |
|
||||
| radius `v2.1.6` | Border Radius | _number \| string_ | `0` |
|
||||
| radius | Border Radius | _number \| string_ | `0` |
|
||||
| round | Whether to be round | _boolean_ | `false` |
|
||||
| lazy-load | Whether to enable lazy load,should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
|
||||
| show-error `v2.0.9` | Whether to show error placeholder | _boolean_ | `true` |
|
||||
| show-loading `v2.0.9` | Whether to show loading placeholder | _boolean_ | `true` |
|
||||
| show-error | Whether to show error placeholder | _boolean_ | `true` |
|
||||
| show-loading | Whether to show loading placeholder | _boolean_ | `true` |
|
||||
| error-icon `v2.4.2` | Error icon | _string_ | `photo-fail` |
|
||||
| loading-icon `v2.4.2` | Loading icon | _string_ | `photo` |
|
||||
|
||||
|
@ -102,11 +102,11 @@ Vue.use(Lazyload);
|
||||
| alt | 替代文本 | _string_ | - |
|
||||
| width | 宽度,默认单位为`px` | _number \| string_ | - |
|
||||
| height | 高度,默认单位为`px` | _number \| string_ | - |
|
||||
| radius `v2.1.6` | 圆角大小,默认单位为`px` | _number \| string_ | `0` |
|
||||
| radius | 圆角大小,默认单位为`px` | _number \| string_ | `0` |
|
||||
| round | 是否显示为圆形 | _boolean_ | `false` |
|
||||
| lazy-load | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
|
||||
| show-error `v2.0.9` | 是否展示图片加载失败提示 | _boolean_ | `true` |
|
||||
| show-loading `v2.0.9` | 是否展示图片加载中提示 | _boolean_ | `true` |
|
||||
| show-error | 是否展示图片加载失败提示 | _boolean_ | `true` |
|
||||
| show-loading | 是否展示图片加载中提示 | _boolean_ | `true` |
|
||||
| error-icon `v2.4.2` | 失败时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `photo-fail` |
|
||||
| loading-icon `v2.4.2` | 加载时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `photo` |
|
||||
|
||||
|
@ -67,7 +67,7 @@ export default {
|
||||
| index-list | Index List | _string[] \| number[]_ | `A-Z` |
|
||||
| z-index | z-index | _number \| string_ | `1` |
|
||||
| sticky | Whether to enable anchor sticky top | _boolean_ | `true` |
|
||||
| sticky-offset-top `v2.0.7` | Anchor offset top when sticky | _number_ | `0` |
|
||||
| sticky-offset-top | Anchor offset top when sticky | _number_ | `0` |
|
||||
| highlight-color | Index character highlight color | _string_ | `#07c160` | - |
|
||||
|
||||
### IndexAnchor Props
|
||||
|
@ -71,7 +71,7 @@ export default {
|
||||
| index-list | 索引字符列表 | _string[] \| number[]_ | `A-Z` |
|
||||
| z-index | z-index 层级 | _number \| string_ | `1` |
|
||||
| sticky | 是否开启锚点自动吸顶 | _boolean_ | `true` |
|
||||
| sticky-offset-top `v2.0.7` | 锚点自动吸顶时与顶部的距离 | _number_ | `0` |
|
||||
| sticky-offset-top | 锚点自动吸顶时与顶部的距离 | _number_ | `0` |
|
||||
| highlight-color | 索引字符高亮颜色 | _string_ | `#07c160` |
|
||||
|
||||
### IndexAnchor Props
|
||||
|
@ -96,7 +96,7 @@ export default {
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| type `v2.1.6` | Can be set to `primary` `success` `warning` | _string_ | `danger` |
|
||||
| type | Can be set to `primary` `success` `warning` | _string_ | `danger` |
|
||||
| message | Message | _string_ | - |
|
||||
| duration | Duration(ms), won't disappear if value is 0 | _number \| string_ | `3000` |
|
||||
| color | Message color | _string_ | `white` | |
|
||||
|
@ -133,7 +133,7 @@ export default {
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| type `v2.1.6` | 类型,可选值为 `primary` `success` `warning` | _string_ | `danger` |
|
||||
| type | 类型,可选值为 `primary` `success` `warning` | _string_ | `danger` |
|
||||
| message | 展示文案,支持通过`\n`换行 | _string_ | - |
|
||||
| duration | 展示时长(ms),值为 0 时,notify 不会消失 | _number \| string_ | `3000` |
|
||||
| color | 字体颜色 | _string_ | `white` |
|
||||
|
@ -147,11 +147,11 @@ export default {
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| v-model (value) `v2.0.2` | Current value | _string_ | - |
|
||||
| v-model (value) | Current value | _string_ | - |
|
||||
| show | Whether to show keyboard | _boolean_ | - |
|
||||
| title | Keyboard title | _string_ | - |
|
||||
| theme | Keyboard theme,can be set to `custom` | _string_ | `default` |
|
||||
| maxlength `v2.0.2` | Value maxlength | _number \| string_ | - |
|
||||
| maxlength | Value maxlength | _number \| string_ | - |
|
||||
| transition | Whether to show transition animation | _boolean_ | `true` |
|
||||
| z-index | Keyboard z-index | _number \| string_ | `100` |
|
||||
| extra-key `v2.8.2` | Content of bottom left key | _string \| string[]_ | `''` |
|
||||
|
@ -160,11 +160,11 @@ export default {
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| v-model (value) `v2.0.2` | 当前输入值 | _string_ | - |
|
||||
| v-model (value) | 当前输入值 | _string_ | - |
|
||||
| show | 是否显示键盘 | _boolean_ | - |
|
||||
| title | 键盘标题 | _string_ | - |
|
||||
| theme | 样式风格,可选值为 `custom` | _string_ | `default` |
|
||||
| maxlength `v2.0.2` | 输入值最大长度 | _number \| string_ | - |
|
||||
| maxlength | 输入值最大长度 | _number \| string_ | - |
|
||||
| transition | 是否开启过场动画 | _boolean_ | `true` |
|
||||
| z-index | 键盘 z-index 层级 | _number \| string_ | `100` |
|
||||
| extra-key `v2.8.2` | 底部额外按键的内容 | _string \| string[]_ | `''` |
|
||||
|
@ -63,7 +63,7 @@ export default {
|
||||
| z-index | z-index | _number \| string_ | `1` |
|
||||
| duration | Animation duration | _number \| string_ | `0.3` |
|
||||
| class-name | ClassName | _string_ | - |
|
||||
| custom-class `v2.2.5` | Custom style | _object_ | - |
|
||||
| custom-class | Custom style | _object_ | - |
|
||||
| lock-scroll `v2.6.2` | Whether to lock background scroll | _boolean_ | `true` |
|
||||
|
||||
### Events
|
||||
@ -74,6 +74,6 @@ export default {
|
||||
|
||||
### Slots
|
||||
|
||||
| Name | Description |
|
||||
| ---------------- | ------------ |
|
||||
| default `v2.2.5` | Default slot |
|
||||
| Name | Description |
|
||||
| ------- | ------------ |
|
||||
| default | Default slot |
|
||||
|
@ -69,7 +69,7 @@ export default {
|
||||
| z-index | z-index 层级 | _number \| string_ | `1` |
|
||||
| duration | 动画时长,单位秒 | _number \| string_ | `0.3` |
|
||||
| class-name | 自定义类名 | _string_ | - |
|
||||
| custom-style `v2.2.5` | 自定义样式 | _object_ | - |
|
||||
| custom-style | 自定义样式 | _object_ | - |
|
||||
| lock-scroll `v2.6.2` | 是否锁定背景滚动,锁定时蒙层里的内容也将无法滚动 | _boolean_ | `true` |
|
||||
|
||||
### Events
|
||||
@ -80,6 +80,6 @@ export default {
|
||||
|
||||
### Slots
|
||||
|
||||
| 名称 | 说明 |
|
||||
| ---------------- | ---------------------------------- |
|
||||
| default `v2.0.5` | 默认插槽,用于在遮罩层上方嵌入内容 |
|
||||
| 名称 | 说明 |
|
||||
| ------- | ---------------------------------- |
|
||||
| default | 默认插槽,用于在遮罩层上方嵌入内容 |
|
||||
|
@ -128,15 +128,15 @@ export default {
|
||||
|
||||
### Props
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| value | Password value | _string_ | `''` |
|
||||
| info | Bottom info | _string_ | - |
|
||||
| error-info | Bottom error info | _string_ | - |
|
||||
| length | Maxlength of password | _number \| string_ | `6` |
|
||||
| gutter | Gutter of input | _number \| string_ | `0` |
|
||||
| mask | Whether to mask value | _boolean_ | `true` |
|
||||
| focused `v2.1.8` | Whether to show focused cursor | _boolean_ | `false` |
|
||||
| Attribute | Description | Type | Default |
|
||||
| ---------- | ------------------------------ | ------------------ | ------- |
|
||||
| value | Password value | _string_ | `''` |
|
||||
| info | Bottom info | _string_ | - |
|
||||
| error-info | Bottom error info | _string_ | - |
|
||||
| length | Maxlength of password | _number \| string_ | `6` |
|
||||
| gutter | Gutter of input | _number \| string_ | `0` |
|
||||
| mask | Whether to mask value | _boolean_ | `true` |
|
||||
| focused | Whether to show focused cursor | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -135,7 +135,7 @@ export default {
|
||||
| length | 密码最大长度 | _number \| string_ | `6` |
|
||||
| gutter | 输入框格子之间的间距,如 `20px` `2em`,默认单位为`px` | _number \| string_ | `0` |
|
||||
| mask | 是否隐藏密码内容 | _boolean_ | `true` |
|
||||
| focused `v2.1.8` | 是否已聚焦,聚焦时会显示光标 | _boolean_ | `false` |
|
||||
| focused | 是否已聚焦,聚焦时会显示光标 | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -251,11 +251,11 @@ export default {
|
||||
| loading | Whether to show loading prompt | _boolean_ | `false` |
|
||||
| readonly `v2.10.5` | Whether to be readonly | _boolean_ | `false` |
|
||||
| show-toolbar | Whether to show toolbar | _boolean_ | `false` |
|
||||
| allow-html `v2.1.8` | Whether to allow HTML in option text | _boolean_ | `true` |
|
||||
| allow-html | Whether to allow HTML in option text | _boolean_ | `true` |
|
||||
| default-index | Default value index of single column picker | _number \| string_ | `0` |
|
||||
| item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
|
||||
| visible-item-count | Count of visible columns | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.10` | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
| swipe-duration | Duration of the momentum animation,unit `ms` | _number \| string_ | `1000` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -274,11 +274,11 @@ export default {
|
||||
| loading | 是否显示加载状态 | _boolean_ | `false` |
|
||||
| readonly `v2.10.5` | 是否为只读状态,只读状态下无法切换选项 | _boolean_ | `false` |
|
||||
| show-toolbar | 是否显示顶部栏 | _boolean_ | `false` |
|
||||
| allow-html `v2.1.8` | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
|
||||
| allow-html | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
|
||||
| default-index | 单列选择时,默认选中项的索引 | _number \| string_ | `0` |
|
||||
| item-height `v2.8.6` | 选项高度,支持 `px` `vw` `rem` 单位,默认 `px` | _number \| string_ | `44` |
|
||||
| visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
|
||||
| swipe-duration `v2.2.10` | 快速滑动时惯性滚动的时长,单位 `ms` | _number \| string_ | `1000` |
|
||||
| swipe-duration | 快速滑动时惯性滚动的时长,单位 `ms` | _number \| string_ | `1000` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -114,17 +114,17 @@ export default {
|
||||
| overlay-class | Custom overlay class | _string_ | - |
|
||||
| overlay-style | Custom overlay style | _object_ | - |
|
||||
| duration | Transition duration, unit second | _number \| string_ | `0.3` |
|
||||
| round `v2.0.7` | Whether to show round corner | _boolean_ | `false` |
|
||||
| round | Whether to show round corner | _boolean_ | `false` |
|
||||
| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
|
||||
| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
|
||||
| close-on-popstate `v2.2.10` | Whether to close when popstate | _boolean_ | `false` |
|
||||
| close-on-popstate | Whether to close when popstate | _boolean_ | `false` |
|
||||
| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
|
||||
| closeable `v2.2.0` | Whether to show close icon | _boolean_ | `false` |
|
||||
| close-icon `v2.2.0` | Close icon name | _string_ | `cross` |
|
||||
| close-icon-position `v2.2.2` | Close Icon Position,can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
|
||||
| closeable | Whether to show close icon | _boolean_ | `false` |
|
||||
| close-icon | Close icon name | _string_ | `cross` |
|
||||
| close-icon-position | Close Icon Position,can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
|
||||
| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
|
||||
| get-container | Return the mount node for Popup | _string \| () => Element_ | - |
|
||||
| safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
|
||||
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -125,17 +125,17 @@ export default {
|
||||
| overlay-class | 自定义遮罩层类名 | _string_ | - |
|
||||
| overlay-style | 自定义遮罩层样式 | _object_ | - |
|
||||
| duration | 动画时长,单位秒 | _number \| string_ | `0.3` |
|
||||
| round `v2.0.7` | 是否显示圆角 | _boolean_ | `false` |
|
||||
| round | 是否显示圆角 | _boolean_ | `false` |
|
||||
| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
|
||||
| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
|
||||
| close-on-popstate `v2.2.10` | 是否在页面回退时自动关闭 | _boolean_ | `false` |
|
||||
| close-on-popstate | 是否在页面回退时自动关闭 | _boolean_ | `false` |
|
||||
| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
|
||||
| closeable `v2.2.0` | 是否显示关闭图标 | _boolean_ | `false` |
|
||||
| close-icon `v2.2.0` | 关闭图标名称或图片链接 | _string_ | `cross` |
|
||||
| close-icon-position `v2.2.2` | 关闭图标位置,可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
|
||||
| closeable | 是否显示关闭图标 | _boolean_ | `false` |
|
||||
| close-icon | 关闭图标名称或图片链接 | _string_ | `cross` |
|
||||
| close-icon-position | 关闭图标位置,可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
|
||||
| transition | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
|
||||
| get-container | 指定挂载的节点 | _string \| () => Element_ | - |
|
||||
| safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
|
||||
| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -53,9 +53,9 @@ Use `pivot-text` to custom text,use `color` to custom bar color
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| percentage | Percentage | _number \| string_ | `0` |
|
||||
| stroke-width `v2.2.1` | Stroke width | _number \| string_ | `4px` |
|
||||
| stroke-width | Stroke width | _number \| string_ | `4px` |
|
||||
| color | Color | _string_ | `#1989fa` |
|
||||
| track-color `v2.2.9` | Track color | _string_ | `#e5e5e5` |
|
||||
| track-color | Track color | _string_ | `#e5e5e5` |
|
||||
| pivot-text | Pivot text | _string_ | percentage |
|
||||
| pivot-color | Pivot text background color | _string_ | inherit progress color |
|
||||
| text-color | Pivot text color | _string_ | `white` |
|
||||
|
@ -57,9 +57,9 @@ Vue.use(Progress);
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| percentage | 进度百分比 | _number \| string_ | `0` |
|
||||
| stroke-width `v2.2.1` | 进度条粗细,默认单位为`px` | _number \| string_ | `4px` |
|
||||
| stroke-width | 进度条粗细,默认单位为`px` | _number \| string_ | `4px` |
|
||||
| color | 进度条颜色 | _string_ | `#1989fa` |
|
||||
| track-color `v2.2.9` | 轨道颜色 | _string_ | `#e5e5e5` |
|
||||
| track-color | 轨道颜色 | _string_ | `#e5e5e5` |
|
||||
| pivot-text | 进度文字内容 | _string_ | 百分比 |
|
||||
| pivot-color | 进度文字背景色 | _string_ | 同进度条颜色 |
|
||||
| text-color | 进度文字颜色 | _string_ | `white` |
|
||||
|
@ -166,8 +166,8 @@ export default {
|
||||
| v-model (v-model) | Name of checked radio | _any_ | - |
|
||||
| disabled | Disable all radios | _boolean_ | `false` |
|
||||
| direction `v2.5.0` | Direction, can be set to `horizontal` | _string_ | `vertical` |
|
||||
| icon-size `v2.2.3` | Icon size of all radios | _number \| string_ | `20px` |
|
||||
| checked-color `v2.2.3` | Checked color of all radios | _string_ | `#1989fa` | - |
|
||||
| icon-size | Icon size of all radios | _number \| string_ | `20px` |
|
||||
| checked-color | Checked color of all radios | _string_ | `#1989fa` | - |
|
||||
|
||||
### Radio Events
|
||||
|
||||
|
@ -180,8 +180,8 @@ export default {
|
||||
| v-model (value) | 当前选中项的标识符 | _any_ | - |
|
||||
| disabled | 是否禁用所有单选框 | _boolean_ | `false` |
|
||||
| direction `v2.5.0` | 排列方向,可选值为`horizontal` | _string_ | `vertical` |
|
||||
| icon-size `v2.2.3` | 所有单选框的图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color `v2.2.3` | 所有单选框的选中状态颜色 | _string_ | `#1989fa` |
|
||||
| icon-size | 所有单选框的图标大小,默认单位为`px` | _number \| string_ | `20px` |
|
||||
| checked-color | 所有单选框的选中状态颜色 | _string_ | `#1989fa` |
|
||||
|
||||
### Radio Events
|
||||
|
||||
|
@ -114,7 +114,7 @@ export default {
|
||||
| allow-half | Whether to allow half star | _boolean_ | `false` |
|
||||
| readonly | Whether to be readonly | _boolean_ | `false` |
|
||||
| disabled | Whether to disable rate | _boolean_ | `false` |
|
||||
| touchable `v2.2.0` | Whether to allow select rate by touch gesture | _boolean_ | `true` |
|
||||
| touchable | Whether to allow select rate by touch gesture | _boolean_ | `true` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -114,7 +114,7 @@ export default {
|
||||
| allow-half | 是否允许半选 | _boolean_ | `false` |
|
||||
| readonly | 是否为只读状态 | _boolean_ | `false` |
|
||||
| disabled | 是否禁用评分 | _boolean_ | `false` |
|
||||
| touchable `v2.2.0` | 是否可以通过滑动手势选择评分 | _boolean_ | `true` |
|
||||
| touchable | 是否可以通过滑动手势选择评分 | _boolean_ | `true` |
|
||||
|
||||
### Events
|
||||
|
||||
|
@ -119,7 +119,7 @@ Use `action` slot to custom right button, `cancel` event will no longer be trigg
|
||||
| clear-trigger `v2.9.1` | When to display the clear icon, `always` means to display the icon when value is not empty, `focus` means to display the icon when input is focused | _string_ | `focus` |
|
||||
| autofocus | Whether to auto focus, unsupported in iOS | _boolean_ | `false` |
|
||||
| show-action | Whether to show right action button | _boolean_ | `false` |
|
||||
| action-text `v2.2.2` | Text of action button | _boolean_ | `Cancel` |
|
||||
| action-text | Text of action button | _boolean_ | `Cancel` |
|
||||
| disabled | Whether to disable field | _boolean_ | `false` |
|
||||
| readonly | Whether to be readonly | _boolean_ | `false` |
|
||||
| error | Whether to show error info | _boolean_ | `false` |
|
||||
|
@ -123,7 +123,7 @@ export default {
|
||||
| clear-trigger `v2.9.1` | 显示清除图标的时机,`always` 表示输入框不为空时展示,<br>`focus` 表示输入框聚焦且不为空时展示 | _string_ | `focus` |
|
||||
| autofocus | 是否自动聚焦,iOS 系统不支持该属性 | _boolean_ | `false` |
|
||||
| show-action | 是否在搜索框右侧显示取消按钮 | _boolean_ | `false` |
|
||||
| action-text `v2.2.2` | 取消按钮文字 | _boolean_ | `取消` |
|
||||
| action-text | 取消按钮文字 | _boolean_ | `取消` |
|
||||
| disabled | 是否禁用输入框 | _boolean_ | `false` |
|
||||
| readonly | 是否将输入框设为只读 | _boolean_ | `false` |
|
||||
| error | 是否将输入内容标红 | _boolean_ | `false` |
|
||||
|
@ -98,12 +98,12 @@ export default {
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| title | Content | _string_ | `''` |
|
||||
| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
|
||||
| dot | Whether to show red dot | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | Content of the badge | _number \| string_ | `''` |
|
||||
| disabled `v2.2.0` | Whether to be disabled | _boolean_ | `false` |
|
||||
| disabled | Whether to be disabled | _boolean_ | `false` |
|
||||
| url | Link | _string_ | - |
|
||||
| to `v2.0.4` | Target route of the link, same as to of vue-router | _string \| object_ | - |
|
||||
| replace `v2.0.4` | If true, the navigation will not leave a history record | _boolean_ | `false` |
|
||||
| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
|
||||
| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
|
||||
|
||||
### SidebarItem Events
|
||||
|
||||
|
@ -91,9 +91,9 @@ export default {
|
||||
|
||||
### Sidebar Props
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| ---------------- | ---------------- | ------------------ | ------ |
|
||||
| v-model `v2.0.4` | 当前导航项的索引 | _number \| string_ | `0` |
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| ------- | ---------------- | ------------------ | ------ |
|
||||
| v-model | 当前导航项的索引 | _number \| string_ | `0` |
|
||||
|
||||
### Sidebar Events
|
||||
|
||||
@ -106,13 +106,13 @@ export default {
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| title | 内容 | _string_ | `''` |
|
||||
| dot `v2.2.1` | 是否显示右上角小红点 | _boolean_ | `false` |
|
||||
| dot | 是否显示右上角小红点 | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
|
||||
| info | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
|
||||
| disabled `v2.2.0` | 是否禁用该项 | _boolean_ | `false` |
|
||||
| disabled | 是否禁用该项 | _boolean_ | `false` |
|
||||
| url | 点击后跳转的链接地址 | _string_ | - |
|
||||
| to `v2.0.4` | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
|
||||
| replace `v2.0.4` | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
|
||||
| to | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
|
||||
| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
|
||||
|
||||
### SidebarItem Events
|
||||
|
||||
|
@ -135,7 +135,7 @@ export default {
|
||||
| custom-stepper-config | Custom stepper related config | _object_ | `{}` |
|
||||
| message-config | Message related config | _object_ | `{}` |
|
||||
| get-container | Return the mount node for sku | _string \| () => Element_ | - |
|
||||
| safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
|
||||
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
|
||||
| start-sale-num `v2.3.0` | Minimum quantity | _number_ | `1` |
|
||||
| properties `v2.4.2` | Goods properties | _array_ | - |
|
||||
| preview-on-click-image `v2.5.2` | Whether to preview image when click goods image | _boolean_ | `true` |
|
||||
|
@ -140,7 +140,7 @@ export default {
|
||||
| get-container | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
|
||||
| initial-sku | 默认选中的 sku,具体参考高级用法 | _object_ | `{}` |
|
||||
| show-soldout-sku | 是否展示售罄的 sku,默认展示并置灰 | _boolean_ | `true` |
|
||||
| safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
|
||||
| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
|
||||
| start-sale-num `v2.3.0` | 起售数量 | _number_ | `1` |
|
||||
| properties `v2.4.2` | 商品属性 | _array_ | - |
|
||||
| preview-on-click-image `v2.5.2` | 是否在点击商品图片时自动预览 | _boolean_ | `true` |
|
||||
|
@ -114,20 +114,20 @@ export default {
|
||||
| max | Max value | _number \| string_ | - |
|
||||
| default-value | Default value, valid when v-model is empty | _number \| string_ | `1` |
|
||||
| step | Value change step | _number \| string_ | `1` |
|
||||
| name `v2.0.3` | Stepper name | _number \| string_ | - |
|
||||
| name | Stepper name | _number \| string_ | - |
|
||||
| input-width | Input width | _number \| string_ | `32px` |
|
||||
| button-size `v2.0.5` | Button size | _number \| string_ | `28px` |
|
||||
| decimal-length `v2.2.1` | Decimal length | _number \| string_ | - |
|
||||
| button-size | Button size | _number \| string_ | `28px` |
|
||||
| decimal-length | Decimal length | _number \| string_ | - |
|
||||
| theme `v2.8.2` | Theme, can be set to `round` | _string_ | - |
|
||||
| placeholder `v2.8.6` | Input placeholder | _string_ | - |
|
||||
| integer | Whether to allow only integers | _boolean_ | `false` |
|
||||
| disabled | Whether to disable value change | _boolean_ | `false` |
|
||||
| disable-plus `v2.2.16` | Whether to disable plus button | _boolean_ | `false` |
|
||||
| disable-minus `v2.2.16` | Whether to disable minus button | _boolean_ | `false` |
|
||||
| disable-plus | Whether to disable plus button | _boolean_ | `false` |
|
||||
| disable-minus | Whether to disable minus button | _boolean_ | `false` |
|
||||
| disable-input | Whether to disable input | _boolean_ | `false` |
|
||||
| async-change | Whether to enable async change | _boolean_ | `false` | - |
|
||||
| show-plus `v2.1.2` | Whether to show plus button | _boolean_ | `true` |
|
||||
| show-minus `v2.1.2` | Whether to show minus button | _boolean_ | `true` |
|
||||
| show-plus | Whether to show plus button | _boolean_ | `true` |
|
||||
| show-minus | Whether to show minus button | _boolean_ | `true` |
|
||||
| long-press `v2.4.3` | Whether to allow long press | _boolean_ | `true` |
|
||||
| allow-empty `v2.9.1` | Whether to allow the input to be empty | _boolean_ | `false` |
|
||||
|
||||
|
@ -140,20 +140,20 @@ export default {
|
||||
| max | 最大值 | _number \| string_ | - |
|
||||
| default-value | 初始值,当 v-model 为空时生效 | _number \| string_ | `1` |
|
||||
| step | 步长,每次点击时改变的值 | _number \| string_ | `1` |
|
||||
| name `v2.2.11` | 标识符,可以在`change`事件回调参数中获取 | _number \| string_ | - |
|
||||
| name | 标识符,可以在`change`事件回调参数中获取 | _number \| string_ | - |
|
||||
| input-width | 输入框宽度,默认单位为`px` | _number \| string_ | `32px` |
|
||||
| button-size `v2.0.5` | 按钮大小以及输入框高度,默认单位为`px` | _number \| string_ | `28px` |
|
||||
| decimal-length `v2.2.1` | 固定显示的小数位数 | _number \| string_ | - |
|
||||
| button-size | 按钮大小以及输入框高度,默认单位为`px` | _number \| string_ | `28px` |
|
||||
| decimal-length | 固定显示的小数位数 | _number \| string_ | - |
|
||||
| theme `v2.8.2` | 样式风格,可选值为 `round` | _string_ | - |
|
||||
| placeholder `v2.8.6` | 输入框占位提示文字 | _string_ | - |
|
||||
| integer | 是否只允许输入整数 | _boolean_ | `false` |
|
||||
| disabled | 是否禁用步进器 | _boolean_ | `false` |
|
||||
| disable-plus `v2.2.16` | 是否禁用增加按钮 | _boolean_ | `false` |
|
||||
| disable-minus `v2.2.16` | 是否禁用减少按钮 | _boolean_ | `false` |
|
||||
| disable-plus | 是否禁用增加按钮 | _boolean_ | `false` |
|
||||
| disable-minus | 是否禁用减少按钮 | _boolean_ | `false` |
|
||||
| disable-input | 是否禁用输入框 | _boolean_ | `false` |
|
||||
| async-change | 是否开启异步变更,开启后需要手动控制输入值 | _boolean_ | `false` |
|
||||
| show-plus `v2.1.2` | 是否显示增加按钮 | _boolean_ | `true` |
|
||||
| show-minus `v2.1.2` | 是否显示减少按钮 | _boolean_ | `true` |
|
||||
| show-plus | 是否显示增加按钮 | _boolean_ | `true` |
|
||||
| show-minus | 是否显示减少按钮 | _boolean_ | `true` |
|
||||
| long-press `v2.4.3` | 是否开启长按手势 | _boolean_ | `true` |
|
||||
| allow-empty `v2.9.1` | 是否允许输入的值为空 | _boolean_ | `false` |
|
||||
|
||||
|
@ -98,12 +98,12 @@ export default {
|
||||
|
||||
| Attribute | Description | Type | Default |
|
||||
| --- | --- | --- | --- |
|
||||
| name `v2.0.4` | Identifier of SwipeCell | _number \| string_ | - |
|
||||
| name | Identifier of SwipeCell | _number \| string_ | - |
|
||||
| left-width | Width of the left swipe area | _number \| string_ | `auto` |
|
||||
| right-width | Width of the right swipe area | _number \| string_ | `auto` |
|
||||
| before-close `v2.3.0` | Callback function before close | _Function_ | - |
|
||||
| disabled | Whether to disabled swipe | _boolean_ | `false` |
|
||||
| stop-propagation `v2.1.0` | Whether to stop touchmove event propagation | _boolean_ | `false` |
|
||||
| stop-propagation | Whether to stop touchmove event propagation | _boolean_ | `false` |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -106,12 +106,12 @@ export default {
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 |
|
||||
| --- | --- | --- | --- |
|
||||
| name `v2.0.4` | 标识符,可以在事件参数中获取到 | _number \| string_ | - |
|
||||
| name | 标识符,可以在事件参数中获取到 | _number \| string_ | - |
|
||||
| left-width | 指定左侧滑动区域宽度,单位为`px` | _number \| string_ | `auto` |
|
||||
| right-width | 指定右侧滑动区域宽度,单位为`px` | _number \| string_ | `auto` |
|
||||
| before-close `v2.3.0` | 关闭前的回调函数 | _Function_ | - |
|
||||
| disabled | 是否禁用滑动 | _boolean_ | `false` |
|
||||
| stop-propagation `v2.1.0` | 是否阻止滑动事件冒泡 | _boolean_ | `false` |
|
||||
| stop-propagation | 是否阻止滑动事件冒泡 | _boolean_ | `false` |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -169,7 +169,7 @@ export default {
|
||||
| show-indicators | Whether to show indicators | _boolean_ | `true` |
|
||||
| vertical | Whether to be vertical Scrolling | _boolean_ | `false` |
|
||||
| touchable | Whether to allow swipe by touch gesture | _boolean_ | `true` |
|
||||
| stop-propagation `v2.1.0` | Whether to stop touchmove event propagation | _boolean_ | `false` |
|
||||
| stop-propagation | Whether to stop touchmove event propagation | _boolean_ | `false` |
|
||||
| lazy-render `v2.5.8` | Whether to enable lazy render | _boolean_ | `false` |
|
||||
| indicator-color | Indicator color | _string_ | `#1989fa` |
|
||||
|
||||
@ -194,7 +194,7 @@ Use [ref](https://vuejs.org/v2/api/#ref) to get Swipe instance and call instance
|
||||
| prev `v2.4.2` | Swipe to prev item | - | - |
|
||||
| next `v2.4.2` | Swipe to next item | - | - |
|
||||
| swipeTo | Swipe to target index | index: target index, options: Options | void |
|
||||
| resize `v2.2.14` | Resize Swipe when container element resized | - | void |
|
||||
| resize | Resize Swipe when container element resized | - | void |
|
||||
|
||||
### swipeTo Options
|
||||
|
||||
|
@ -175,7 +175,7 @@ export default {
|
||||
| show-indicators | 是否显示指示器 | _boolean_ | `true` |
|
||||
| vertical | 是否为纵向滚动 | _boolean_ | `false` |
|
||||
| touchable | 是否可以通过手势滑动 | _boolean_ | `true` |
|
||||
| stop-propagation `v2.2.13` | 是否阻止滑动事件冒泡 | _boolean_ | `true` |
|
||||
| stop-propagation | 是否阻止滑动事件冒泡 | _boolean_ | `true` |
|
||||
| lazy-render `v2.5.8` | 是否延迟渲染未展示的轮播 | _boolean_ | `false` |
|
||||
| indicator-color | 指示器颜色 | _string_ | `#1989fa` |
|
||||
|
||||
@ -200,7 +200,7 @@ export default {
|
||||
| prev `v2.4.2` | 切换到上一轮播 | - | - |
|
||||
| next `v2.4.2` | 切换到下一轮播 | - | - |
|
||||
| swipeTo | 切换到指定位置 | index: number, options: Options | void |
|
||||
| resize `v2.2.14` | 外层元素大小变化后,可以调用此方法来触发重绘 | - | void |
|
||||
| resize | 外层元素大小变化后,可以调用此方法来触发重绘 | - | void |
|
||||
|
||||
### swipeTo Options 格式
|
||||
|
||||
|
@ -96,7 +96,7 @@ export default {
|
||||
| v-model | Check status of Switch | _ActiveValue \| InactiveValue_ | `false` |
|
||||
| loading | Whether to show loading icon | _boolean_ | `false` |
|
||||
| disabled | Whether to disable switch | _boolean_ | `false` |
|
||||
| size `v2.2.11` | Size of switch | _number \| string_ | `30px` |
|
||||
| size | Size of switch | _number \| string_ | `30px` |
|
||||
| active-color | Background color when active | _string_ | `#1989fa` |
|
||||
| inactive-color | Background color when inactive | _string_ | `white` |
|
||||
| active-value | Value when active | _any_ | `true` |
|
||||
@ -104,7 +104,7 @@ export default {
|
||||
|
||||
### Events
|
||||
|
||||
| Event | Description | Parameters |
|
||||
| --------------- | ----------------------------------- | -------------- |
|
||||
| change | Triggered when check status changed | _value: any_ |
|
||||
| click `v2.2.11` | Triggered when clicked | _event: Event_ |
|
||||
| Event | Description | Parameters |
|
||||
| ------ | ----------------------------------- | -------------- |
|
||||
| change | Triggered when check status changed | _value: any_ |
|
||||
| click | Triggered when clicked | _event: Event_ |
|
||||
|
@ -108,7 +108,7 @@ export default {
|
||||
| v-model | 开关选中状态 | _any_ | `false` |
|
||||
| loading | 是否为加载状态 | _boolean_ | `false` |
|
||||
| disabled | 是否为禁用状态 | _boolean_ | `false` |
|
||||
| size `v2.2.11` | 开关尺寸,默认单位为`px` | _number \| string_ | `30px` |
|
||||
| size | 开关尺寸,默认单位为`px` | _number \| string_ | `30px` |
|
||||
| active-color | 打开时的背景色 | _string_ | `#1989fa` |
|
||||
| inactive-color | 关闭时的背景色 | _string_ | `white` |
|
||||
| active-value | 打开时对应的值 | _any_ | `true` |
|
||||
@ -116,7 +116,7 @@ export default {
|
||||
|
||||
### Events
|
||||
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| --------------- | ------------------ | -------------- |
|
||||
| change | 开关状态切换时触发 | _value: any_ |
|
||||
| click `v2.2.11` | 点击时触发 | _event: Event_ |
|
||||
| 事件名 | 说明 | 回调参数 |
|
||||
| ------ | ------------------ | -------------- |
|
||||
| change | 开关状态切换时触发 | _value: any_ |
|
||||
| click | 点击时触发 | _event: Event_ |
|
||||
|
@ -247,11 +247,11 @@ export default {
|
||||
| disabled | Whether to disable tab | _boolean_ | `false` |
|
||||
| dot `v2.3.0` | Whether to show red dot on the title | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | Content of the badge on the title | _number \| string_ | - |
|
||||
| name `v2.0.6` | Identifier | _number \| string_ | Index of tab |
|
||||
| url `v2.2.1` | Link | _string_ | - |
|
||||
| to `v2.2.1` | Target route of the link, same as to of vue-router | _string \| object_ | - |
|
||||
| replace `v2.2.1` | If true, the navigation will not leave a history record | _boolean_ | `false` |
|
||||
| title-style `v2.2.14` | Custom title style | _any_ | - |
|
||||
| name | Identifier | _number \| string_ | Index of tab |
|
||||
| url | Link | _string_ | - |
|
||||
| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
|
||||
| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
|
||||
| title-style | Custom title style | _any_ | - |
|
||||
|
||||
### Tabs Events
|
||||
|
||||
|
@ -255,11 +255,11 @@ export default {
|
||||
| dot `v2.3.0` | 是否在标题右上角显示小红点 | _boolean_ | `false` |
|
||||
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
|
||||
| info `v2.3.0` | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
|
||||
| name `v2.0.6` | 标签名称,作为匹配的标识符 | _number \| string_ | 标签的索引值 |
|
||||
| url `v2.2.1` | 点击后跳转的链接地址 | _string_ | - |
|
||||
| to `v2.2.1` | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
|
||||
| replace `v2.2.1` | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
|
||||
| title-style `v2.2.14` | 自定义标题样式 | _any_ | - |
|
||||
| name | 标签名称,作为匹配的标识符 | _number \| string_ | 标签的索引值 |
|
||||
| url | 点击后跳转的链接地址 | _string_ | - |
|
||||
| to | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
|
||||
| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
|
||||
| title-style | 自定义标题样式 | _any_ | - |
|
||||
|
||||
### Tabs Events
|
||||
|
||||
|
@ -90,7 +90,7 @@ export default {
|
||||
| round | Whether to be round style | _boolean_ | `false` |
|
||||
| mark | Whether to be mark style | _boolean_ | `false` |
|
||||
| text-color | Text color | _string_ | `white` |
|
||||
| closeable `v2.2.9` | Whether to be closeable | _boolean_ | `false` |
|
||||
| closeable | Whether to be closeable | _boolean_ | `false` |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -104,7 +104,7 @@ export default {
|
||||
| round | 是否为圆角样式 | _boolean_ | `false` |
|
||||
| mark | 是否为标记样式 | _boolean_ | `false` |
|
||||
| text-color | 文本颜色,优先级高于`color`属性 | _string_ | `white` |
|
||||
| closeable `v2.2.9` | 是否为可关闭标签 | _boolean_ | `false` |
|
||||
| closeable | 是否为可关闭标签 | _boolean_ | `false` |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -155,16 +155,16 @@ Toast.resetDefaultOptions('loading');
|
||||
| type | Can be set to `loading` `success` `fail` `html` | _string_ | `text` |
|
||||
| position | Can be set to `top` `middle` `bottom` | _string_ | `middle` |
|
||||
| message | Message | _string_ | `''` |
|
||||
| icon `v2.0.1` | Custom icon | _string_ | - |
|
||||
| iconPrefix `v2.0.9` | Icon className prefix | _string_ | `van-icon` |
|
||||
| overlay `v2.2.13` | Whether to show overlay | _boolean_ | `false` |
|
||||
| icon | Custom icon | _string_ | - |
|
||||
| iconPrefix | Icon className prefix | _string_ | `van-icon` |
|
||||
| overlay | Whether to show overlay | _boolean_ | `false` |
|
||||
| forbidClick | Whether to forbid click background | _boolean_ | `false` |
|
||||
| closeOnClick `v2.1.5` | Whether to close after clicked | _boolean_ | `false` |
|
||||
| closeOnClickOverlay `v2.2.13` | Whether to close when click overlay | _boolean_ | `false` |
|
||||
| closeOnClick | Whether to close after clicked | _boolean_ | `false` |
|
||||
| closeOnClickOverlay | Whether to close when click overlay | _boolean_ | `false` |
|
||||
| loadingType | Loading icon type, can be set to `spinner` | _string_ | `circular` |
|
||||
| duration | Toast duration(ms), won't disappear if value is 0 | _number_ | `2000` |
|
||||
| className | Custom className | _any_ | - |
|
||||
| onOpened | Callback function after opened | _Function_ | - |
|
||||
| onClose | Callback function after close | _Function_ | - |
|
||||
| transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | `van-fade` |
|
||||
| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | `van-fade` |
|
||||
| getContainer | Return the mount node for Toast | _string \| () => Element_ | `body` |
|
||||
|
@ -170,16 +170,16 @@ Toast.resetDefaultOptions('loading');
|
||||
| type | 提示类型,可选值为 `loading` `success`<br>`fail` `html` | _string_ | `text` |
|
||||
| position | 位置,可选值为 `top` `bottom` | _string_ | `middle` |
|
||||
| message | 文本内容,支持通过`\n`换行 | _string_ | `''` | - |
|
||||
| icon `v2.0.1` | 自定义图标,支持传入[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
|
||||
| iconPrefix `v2.0.9` | 图标类名前缀,同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
|
||||
| overlay `v2.2.13` | 是否显示背景遮罩层 | _boolean_ | `false` |
|
||||
| icon | 自定义图标,支持传入[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
|
||||
| iconPrefix | 图标类名前缀,同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
|
||||
| overlay | 是否显示背景遮罩层 | _boolean_ | `false` |
|
||||
| forbidClick | 是否禁止背景点击 | _boolean_ | `false` |
|
||||
| closeOnClick `v2.1.5` | 是否在点击后关闭 | _boolean_ | `false` |
|
||||
| closeOnClickOverlay `v2.2.13` | 是否在点击遮罩层后关闭 | _boolean_ | `false` |
|
||||
| closeOnClick | 是否在点击后关闭 | _boolean_ | `false` |
|
||||
| closeOnClickOverlay | 是否在点击遮罩层后关闭 | _boolean_ | `false` |
|
||||
| loadingType | [加载图标类型](#/zh-CN/loading), 可选值为 `spinner` | _string_ | `circular` |
|
||||
| duration | 展示时长(ms),值为 0 时,toast 不会消失 | _number_ | `2000` |
|
||||
| className | 自定义类名 | _any_ | - |
|
||||
| onOpened | 完全展示后的回调函数 | _Function_ | - |
|
||||
| onClose | 关闭时的回调函数 | _Function_ | - |
|
||||
| transition `v2.2.6` | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | `van-fade` |
|
||||
| transition | 动画类名,等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | `van-fade` |
|
||||
| getContainer | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | `body` |
|
||||
|
@ -117,7 +117,7 @@ export default {
|
||||
| height | Height | _number \| string_ | `300` |
|
||||
| main-active-index | The index of selected parent node | _number \| string_ | `0` |
|
||||
| active-id | Id of selected item | _number \| string \|<br>(number \| string)[]_ | `0` |
|
||||
| max `v2.2.0` | Maximum number of selected items | _number \| string_ | `Infinity` |
|
||||
| max | Maximum number of selected items | _number \| string_ | `Infinity` |
|
||||
| selected-icon `v2.9.0` | Selected icon | _string_ | `success` |
|
||||
|
||||
### Events
|
||||
|
@ -125,7 +125,7 @@ export default {
|
||||
| height | 高度,默认单位为`px` | _number \| string_ | `300` |
|
||||
| main-active-index | 左侧选中项的索引 | _number \| string_ | `0` |
|
||||
| active-id | 右侧选中项的 id,支持传入数组 | _number \| string \|<br>(number \| string)[]_ | `0` |
|
||||
| max `v2.2.0` | 右侧项最大选中个数 | _number \| string_ | `Infinity` |
|
||||
| max | 右侧项最大选中个数 | _number \| string_ | `Infinity` |
|
||||
| selected-icon `v2.9.0` | 自定义右侧栏选中状态的图标 | _string_ | `success` |
|
||||
|
||||
### Events
|
||||
|
@ -199,14 +199,14 @@ Use `disabled` prop to disable uploader.
|
||||
| --- | --- | --- | --- |
|
||||
| v-model (fileList) | List of uploaded files | _FileListItem[]_ | - |
|
||||
| accept | Accepted [file type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers) | _string_ | `image/*` |
|
||||
| name `v2.0.3` | Input name | _number \| string_ | - |
|
||||
| name | Input name | _number \| string_ | - |
|
||||
| preview-size | Size of preview image | _number \| string_ | `80px` |
|
||||
| preview-image `v2.1.5` | Whether to show image preview | _boolean_ | `true` |
|
||||
| preview-image | Whether to show image preview | _boolean_ | `true` |
|
||||
| preview-full-image | Whethe to show full screen image preview when click image | _boolean_ | `true` |
|
||||
| preview-options `v2.9.3` | Options of full screen image preview,see [ImagePreview](#/en-US/image-preview) | _object_ | - |
|
||||
| multiple | Whether to enable multiple selection pictures | _boolean_ | `false` |
|
||||
| disabled | Whether to disabled the upload | _boolean_ | `false` |
|
||||
| deletable `v2.2.12` | Whether to show delete icon | _boolean_ | `true` |
|
||||
| deletable | Whether to show delete icon | _boolean_ | `true` |
|
||||
| show-upload `v2.5.6` | Whether to show upload area | _boolean_ | `true` |
|
||||
| lazy-load `v2.6.2` | Whether to enable lazy load,should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
|
||||
| capture | Capture,can be set to `camera` | _string_ | - |
|
||||
@ -215,9 +215,9 @@ Use `disabled` prop to disable uploader.
|
||||
| before-delete | Hook before delete the file, return false to stop reading the file, can return Promise | _Function_ | - |
|
||||
| max-size | Max size of file | _number \| string_ | - |
|
||||
| max-count | Max count of image | _number \| string_ | - |
|
||||
| result-type `v2.2.7` | Type of file read result, can be set to `file` `text` | _string_ | `dataUrl` |
|
||||
| result-type | Type of file read result, can be set to `file` `text` | _string_ | `dataUrl` |
|
||||
| upload-text | Upload text | _string_ | - |
|
||||
| image-fit `v2.1.5` | Preview image fit mode | _string_ | `cover` |
|
||||
| image-fit | Preview image fit mode | _string_ | `cover` |
|
||||
| upload-icon `v2.5.4` | Upload icon | _string_ | `photograph` |
|
||||
|
||||
### Events
|
||||
|
@ -223,14 +223,14 @@ export default {
|
||||
| --- | --- | --- | --- |
|
||||
| v-model (fileList) | 已上传的文件列表 | _FileListItem[]_ | - |
|
||||
| accept | 允许上传的文件类型,[详细说明](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B) | _string_ | `image/*` |
|
||||
| name `v2.0.3` | 标识符,可以在回调函数的第二项参数中获取 | _number \| string_ | - |
|
||||
| name | 标识符,可以在回调函数的第二项参数中获取 | _number \| string_ | - |
|
||||
| preview-size | 预览图和上传区域的尺寸,默认单位为`px` | _number \| string_ | `80px` |
|
||||
| preview-image | 是否在上传完成后展示预览图 | _boolean_ | `true` |
|
||||
| preview-full-image `v2.1.5` | 是否在点击预览图后展示全屏图片预览 | _boolean_ | `true` |
|
||||
| preview-full-image | 是否在点击预览图后展示全屏图片预览 | _boolean_ | `true` |
|
||||
| preview-options `v2.9.3` | 全屏图片预览的配置项,可选值见 [ImagePreview](#/zh-CN/image-preview) | _object_ | - |
|
||||
| multiple | 是否开启图片多选,部分安卓机型不支持 | _boolean_ | `false` |
|
||||
| disabled | 是否禁用文件上传 | _boolean_ | `false` |
|
||||
| deletable `v2.2.12` | 是否展示删除按钮 | _boolean_ | `true` |
|
||||
| deletable | 是否展示删除按钮 | _boolean_ | `true` |
|
||||
| show-upload `v2.5.6` | 是否展示上传区域 | _boolean_ | `true` |
|
||||
| lazy-load `v2.6.2` | 是否开启图片懒加载,须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
|
||||
| capture | 图片选取模式,可选值为 `camera` (直接调起摄像头) | _string_ | - |
|
||||
@ -239,9 +239,9 @@ export default {
|
||||
| before-delete | 文件删除前的回调函数,返回 `false` 可终止文件读取,<br>支持返回`Promise` | _Function_ | - |
|
||||
| max-size | 文件大小限制,单位为 `byte` | _number \| string_ | - |
|
||||
| max-count | 文件上传数量限制 | _number \| string_ | - |
|
||||
| result-type `v2.2.7` | 文件读取结果类型,可选值为 `file` `text` | _string_ | `dataUrl` |
|
||||
| result-type | 文件读取结果类型,可选值为 `file` `text` | _string_ | `dataUrl` |
|
||||
| upload-text | 上传区域文字提示 | _string_ | - |
|
||||
| image-fit `v2.1.5` | 预览图裁剪模式,可选值见 [Image](#/zh-CN/image) 组件 | _string_ | `cover` |
|
||||
| image-fit | 预览图裁剪模式,可选值见 [Image](#/zh-CN/image) 组件 | _string_ | `cover` |
|
||||
| upload-icon `v2.5.4` | 上传区域[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `photograph` |
|
||||
|
||||
### Events
|
||||
|
Loading…
x
Reference in New Issue
Block a user