feat(tabbar-item): add url link-type prop support (#5232)

Co-authored-by: liuhaihonggia <liuhaihong@youzan.com>

packages/tabbar-item/index.ts

@@ -7,6 +7,14 @@ VantComponent({
     name: null,
     icon: String,
     dot: Boolean,
+    url: {
+      type: String,
+      value: '',
+    },
+    linkType: {
+      type: String,
+      value: 'redirectTo',
+    },
     iconPrefix: {
       type: String,
       value: 'van-icon',
@@ -24,6 +32,7 @@ VantComponent({
   methods: {
     onClick() {
       const { parent } = this;
+
       if (parent) {
         const index = parent.children.indexOf(this);
         const active = this.data.name || index;
@@ -33,6 +42,12 @@ VantComponent({
         }
       }
 
+      const { url, linkType } = this.data;
+
+      if (url && wx[linkType]) {
+        return wx[linkType]({ url });
+      }
+
       this.$emit('click');
     },
 

packages/tabbar/README.md

@@ -202,6 +202,8 @@ Page({
 | icon-prefix | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/icon#props) | _string_ | `van-icon` |
 | dot | 是否显示小红点 | _boolean_ | - |
 | info | 图标右上角提示信息 | _string \| number_ | - |
+| url `v1.10.13` | 点击后跳转的链接地址, 需要以 `/` 开头 | _string_ | - |
+| link-type `v1.10.13` | 链接跳转类型，可选值为 `redirectTo`、`switchTab`、`reLaunch` | _string_ | `redirectTo` |
 
 ### TabbarItem Slot