Ant Design Vue <a-tabs>标签内嵌使用

发布时间 2023-12-15 11:41:52作者: 爬坑之路任重而道远
<a-tabs :activeKey="activeKey" @change="handleTabChange">
        <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index">
          <div >
            <a-tabs :defaultActiveKey="currentTab" :tab-position="tabPosition"  @change="handleTabChangeTwo">
              <a-tab-pane v-for="(data, i) in item.children" :key="data.id" :tab="data.name" :index="i" >
                <a-col :md="8" :sm="24" v-for="(input,j) in data.children" :key="input.id" :index="j">
                  <a-form-item :label="input.name">
                    <a-input   v-model="menuList[index].children[i].children[j].value"
                     :rules="{ required: true, message: '请输入' + input.name , trigger:'blur' }"
                     :placeholder="'请输入' + input.name"/> 
                  </a-form-item>
                </a-col>
              </a-tab-pane>
            </a-tabs>
          </div>
         </a-tab-pane>
      </a-tabs>
 
return {
      
      currentTab: '1',
      activeKey:''
    }