blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Tab): add to、url、replace prop (#4422)

Browse Source
This commit is contained in:
neverland 2019-09-11 11:15:53 +08:00 committed by GitHub
parent 6069d72df4
commit eb32c6b02e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/button/README.zh-CN.md
View File

@ -131,8 +131,8 @@ Vue.use(Button);
| loading-text | 加载状态提示文字 | *string* | - | - |
| loading-type | 加载图标类型，可选值为`spinner` | *string* | `circular` | - |
| loading-size | 加载图标大小 | *string* | `20px` | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
### Events

2
src/card/README.zh-CN.md
View File

@ -77,7 +77,7 @@ Vue.use(Card);
| origin-price | 商品划线原价 | *string \| number* | - | - |
| centered | 内容是否垂直居中 | *boolean* | `false` | - |
| currency | 货币符号 | *string* | `¥` | - |
| thumb-link | 点击左侧图片后的跳转链接 | *string* | - | - |
| thumb-link | 点击左侧图片后跳转的链接地址 | *string* | - | - |
| lazy-load | 是否开启图片懒加载，须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | *boolean* | `false` | - |
### Events

4
src/cell/README.zh-CN.md
View File

@ -120,8 +120,8 @@ Vue.use(Cell).use(CellGroup);
| value | 右侧内容 | *string \| number* | - | - |
| label | 标题下方的描述信息 | *string* | - | - |
| size | 单元格大小，可选值为 `large` | *string* | - | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| border | 是否显示内边框 | *boolean* | `true` | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
| clickable | 是否开启点击反馈 | *boolean* | `false` | - |

8
src/goods-action/README.zh-CN.md
View File

@ -85,8 +85,8 @@ export default {
| icon | 图标 | *string* | - | - |
| icon-class | 图标额外类名 | *any* | - | - |
| info | 图标右上角提示信息 | *string \| number* | - | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
### GoodsActionButton Props
@ -98,8 +98,8 @@ export default {
| color | 按钮颜色，支持传入`linear-gradient`渐变色 | *string* | - | 2.1.8 |
| disabled | 是否禁用按钮 | *boolean* | `false` | - | - |
| loading | 是否显示为加载状态 | *boolean* | `false` | - | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
### GoodsActionIcon Slots

4
src/grid/README.zh-CN.md
View File

@ -131,8 +131,8 @@ Vue.use(Grid).use(GridItem);
|------|------|------|------|------|
| text | 文字 | *string* | - | - |
| icon | 图标名称或图片链接，可选值见 [Icon 组件](/#/zh-CN/icon) | *string* | - | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
### GridItem Events

4
src/sidebar/README.zh-CN.md
View File

@ -67,8 +67,8 @@ export default {
| title | 内容 | *string* | `''` | - |
| info | 提示消息 | *string \| number* | `''` | - |
| disabled | 是否禁用该项 | *boolean* | `false` | 2.2.0 |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | 2.0.4 |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | 2.0.4 |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | 2.0.4 |
### SidebarItem Events

3
src/tab/README.md
View File

@ -201,6 +201,9 @@ In swipeable mode, you can switch tabs with swipe gestrue in the content
| name | Identifier | *string \| number* | Index of tab | - |
| title | Title | *string* | - | - |
| disabled | Whether to disable tab | *boolean* | `false` | - |
| url | Link | *string* | - | 2.2.1 |
| to | Target route of the link, same as to of vue-router | *string \| object* | - | 2.2.1 |
| replace | If true, the navigation will not leave a history record | *boolean* | `false` | 2.2.1 |
### Tabs Slots

3
src/tab/README.zh-CN.md
View File

@ -205,6 +205,9 @@ export default {
| name | 标签名称，作为匹配的标识符 | *string \| number* | 标签的索引值 | 2.0.6 |
| title | 标题 | *string* | - | - |
| disabled | 是否禁用标签 | *boolean* | `false` | - |
| url | 点击后跳转的链接地址 | *string* | - | 2.2.1 |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | 2.2.1 |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | 2.2.1 |
### Tabs Slots

2
src/tab/index.js
View File

@ -1,5 +1,6 @@
import { createNamespace } from '../utils';
import { ChildrenMixin } from '../mixins/relation';
import { routeProps } from '../utils/router';
const [createComponent, bem] = createNamespace('tab');
@ -7,6 +8,7 @@ export default createComponent({
mixins: [ChildrenMixin('vanTabs')],
props: {
...routeProps,
name: [Number, String],
title: String,
disabled: Boolean

4
src/tabbar/README.zh-CN.md
View File

@ -170,8 +170,8 @@ export default {
| icon | 图标名称或图片链接，可选值见 [Icon 组件](/#/zh-CN/icon)| *string* | - | - |
| dot | 是否显示小红点 | *boolean* | - | - |
| info | 图标右上角提示信息 | *string \| number* | - | - |
| url | 跳转链接 | *string* | - | - |
| to | 路由跳转对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| url | 点击后跳转的链接地址 | *string* | - | - |
| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | *string \| object* | - | - |
| replace | 跳转时是否替换当前页面历史 | *boolean* | `false` | - |
### TabbarItem Slots

2
src/tabs/index.js
View File

@ -1,5 +1,6 @@
import { createNamespace, isDef, addUnit } from '../utils';
import { scrollLeftTo } from './utils';
import { route } from '../utils/router';
import { isHidden } from '../utils/dom/style';
import { ParentMixin } from '../mixins/relation';
import { BindEventMixin } from '../mixins/bind-event';
@ -277,6 +278,7 @@ export default createComponent({
swipeThreshold={this.swipeThreshold}
onClick={() => {
this.onClick(index);
route(item.$router, item);
}}
/>
));