Browse Source

修改tabbar无法多次点击 #231

zhenyulei 5 years ago
parent
commit
df3792715e
3 changed files with 8 additions and 7 deletions
  1. 3 3
      src/packages/tabbar/demo.vue
  2. 4 4
      src/packages/tabbar/doc.md
  3. 1 0
      src/packages/tabbar/tabbar.vue

+ 3 - 3
src/packages/tabbar/demo.vue

@@ -1,11 +1,11 @@
 <template>
     <div>
       <h4>图标文本标签栏</h4>
-      <nut-tabbar @tab-switch="tabSwitch1" type="card"  :tabbarList="tabList1"></nut-tabbar>
+      <nut-tabbar @tab-switch="tabSwitch1" type="card"  :tabbar-list="tabList1"></nut-tabbar>
       <h4>带有tips的文本标签栏</h4>
-      <nut-tabbar @tab-switch="tabSwitch2" type="card" :tabbarList="tabList2"></nut-tabbar>
+      <nut-tabbar @tab-switch="tabSwitch2" type="card" :tabbar-list="tabList2"></nut-tabbar>
       <h4>固定底部,可跳转页面</h4>
-  		<nut-tabbar @tab-switch="tabSwitch3" :tabbarList="tabList3" :bottom="true" class="my-tabbar">  
+  		<nut-tabbar @tab-switch="tabSwitch3" :tabbar-list="tabList3" :bottom="true" class="my-tabbar">  
       </nut-tabbar>
     </div>
 </template>

+ 4 - 4
src/packages/tabbar/doc.md

@@ -6,7 +6,7 @@
 <nut-tabbar 
   @tab-switch="tabSwitch1" 
   type="card"  
-  :tabbarList="tabList1"
+  :tabbar-list="tabList1"
 ></nut-tabbar>
 ```
 ```javascript
@@ -48,7 +48,7 @@ export default {
 <nut-tabbar 
   @tab-switch="tabSwitch2" 
   type="card" 
-  :tabbarList="tabList2"
+  :tabbar-list="tabList2"
 >
 </nut-tabbar>
 ```
@@ -89,7 +89,7 @@ export default {
 ```html
 <nut-tabbar 
   @tab-switch="tabSwitch3" 
-  :tabbarList="tabList3" 
+  :tabbar-list="tabList3" 
   :bottom="true"
 >
 </nut-tabbar>
@@ -158,7 +158,7 @@ export default {
 | 字段 | 说明 | 类型 | 默认值
 |----- | ----- | ----- | ----- 
 | type | 页签栏的样式 based/card | String | based
-| tabbarList | 渲染数据 | Array | --
+| tabbar-list | 渲染数据 ,兼容 tabbar-list 和 tabbarList| Array | []
 | tabTitle | 标签页的标题 | String | --
 | curr | 是否为选中的标签页 | Booble | false
 | icon | 标签页显示的图片 | String | --

+ 1 - 0
src/packages/tabbar/tabbar.vue

@@ -58,6 +58,7 @@ export default {
                 }else{
                    item.curr = false;
                 }
+                return item;
             })
             this.tabList =newArr;
             this.$emit('tab-switch',value,index);