elementui中拼接父子index值

 

     <el-row class="tac g-left">
            <el-col
              :span="12"
              class="g-left-box"
            >
              <el-menu
                :default-active="this.$route.path"
                class="el-menu-vertical-demo"
                @open="handleOpen"
                @close="handleClose"
              >
                <router-link to="/home">
                  <el-menu-item index="1">
                    <span
                      slot="title"
                      class="menu-first"
                    >首页</span>
                  </el-menu-item>
                </router-link>
                <el-submenu
                  v-for="(textList, IndexKey) in navArr"
                  :key="IndexKey"
                  :index="IndexKey+2+''"
                >
                  <template slot="title">
                    <span class="menu-title">{{textList.navName}}</span>
                  </template>
                  <template>
                    <div
                      v-for="(listVal,listValIndex) in textList.subArr"
                      :key="listValIndex"
                    >
                      <template v-if="listVal.linkUrl !='/bigScreen'">
                        <router-link :to="listVal.linkUrl">
                          <el-menu-item
                            :index="IndexKey+'(-)'+listValIndex+''"
                            class="menu-li"
                          >{{listVal.subName}}</el-menu-item>
                        </router-link>
                      </template>
                      <template v-else>
                        <a href="https://www.baidu.com">
                          <el-menu-item
                            :index="IndexKey+'(-)'+listValIndex+''"
                            class="menu-li"
                          >{{listVal.subName}}</el-menu-item>
                        </a>
                      </template>
                    </div>
                  </template>
                </el-submenu>
              </el-menu>
            </el-col>
          </el-row>


         navArr: [
              {'navName': '生产管理','subArr': [
                {'subName': '植株', 'linkUrl': '/plant'},
                {'subName': '农事', 'linkUrl': '/farming'},
                {'subName': '投入品', 'linkUrl': '/Inputs'},
                {'subName': '产量', 'linkUrl': '/yield'},
                {'subName': '检测', 'linkUrl': '/testing'},
                {'subName': '设备控制', 'linkUrl': '/devicectrl'},
                ]},
                 {'navName': '数据仓库','subArr': [
                {'subName': '大屏', 'linkUrl': '/bigScreen'},
                {'subName': '历史', 'linkUrl': '/history'},
                {'subName': '明细', 'linkUrl': '/detail'}
                ]},
                 {'navName': '系统管理','subArr': [
                {'subName': '农场', 'linkUrl': '/farm'},
                {'subName': '设备', 'linkUrl': '/equipment'},
                {'subName': '账户', 'linkUrl': '/account'},
                {'subName': '种植', 'linkUrl': '/archives'}
                ]}
            ]

其他多余的东西或者标签,按需增删。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值