vue循环遍历的一组数据如何在遍历的元素父级使用遍历项并只给第一个元素单独加一个属性

Question

这是iview框架循环遍历多个menu组件，我只想给第一个组件加一个:active-name="activeName"的属性如何实现？
:open-names里填的值希望是下面的item.name

<Menu :theme="theme" width="auto" @on-select="getNavName" :open-names="[item.name]">
                <Submenu v-for="(item,index) in menuList" :key="index" :name="item.name">
                  <template slot="title">
                    <Icon :type="item.icon"></Icon>
                    {{item.menuTitle}}
                  </template>
                  <MenuItem :name="ite.name" v-for="(ite,idx) in item.menuItem" :key="idx">{{ite.item}}</MenuItem>
                </Submenu>
              </Menu>

求懂的大神指点一二！

Answer 1

你这么写应该是办不到，除非你menu外在包一层，里面用v-if来做判断

Answer 2

一开始我参考vue 中class动态赋值，发现不行，其实用三元运算符却可以，以下代码仅供参考。

<p :name="index==0?'first-name':'name'" v-for="(item,index) in data"></p>