fix(tab): 选项卡 tab-item 组件套用 for 循环导致 props 无法获取

docs/docs/zh-CN/guide/changelog.md

@@ -7,6 +7,7 @@
 <lay-timeline-item title="0.1.6">
 [修复] menu 菜单 selectedKey 选中项 openKeys 打开项 props 双绑。<br>
 [修复] tab 选项卡 v-model 激活项 双绑。<br>
+[修复] tab 选项卡 tab-item 组件套用 for 循环无法获取 props 属性。<br>
 [新增] page 分页 prev 插槽。<br>
 [新增] page 分页 next 插槽。<br>
 </lay-timeline-item>

docs/docs/zh-CN/guide/sandbox.md

@@ -4,6 +4,7 @@
 ::: demo
 
 <template>
+{{tabs}}
 <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" :tree="isTree">
     <lay-menu-item title="工作空间" id="0">
         <lay-menu-child-item id="1" title="控制台">
@@ -21,8 +22,9 @@
     </lay-menu-item>
 </lay-menu>
   <lay-tab type="brief" v-model="selectedKey">
-    <lay-tab-item title="选项一" id="1"><div style="padding:20px">选项一</div></lay-tab-item>
-    <lay-tab-item title="选项二" id="2"><div style="padding:20px">选项二</div></lay-tab-item>
+    <lay-tab-item v-for="tab in tabs" :key="tab" :title="tab.title" :id="tab.id">
+      {{ tab }}
+    </lay-tab-item>
   </lay-tab>
 </template>
 
@@ -34,18 +36,28 @@ export default {
     const router = useRouter();
     const route = useRoute();
 
+    const tabs  = ref([{
+      id:'1',title:'选项一'
+    },{
+      id:'2',title:'选项二'
+    }])
+
     const isTree = ref(true);
+    
     const selectedKey = ref("1");
+    
     const openKeys = ref(["0"]);
+
     const change = function (id) {
-        selectedKey.value = id
-    };
+      selectedKey.value = id
+    }
 
     return {
       isTree,
       selectedKey,
       openKeys,
       change,
+      tabs
     };
   },
 };

docs/src/layouts/Layout.vue

@@ -31,7 +31,7 @@
             </a>
           </li>
           <li class="layui-nav-item">
-            <a href="javascript:void(0)"> 0.1.4 </a>
+            <a href="javascript:void(0)"> 0.1.6 </a>
           </li>
         </ul>
       </lay-header>