el-menu-item index的使用问题

el-menu-item index的使用中出现的问题

<el-menu :default-active="activeIndex" class="el-menu-vertical-demo" mode="vertical" @select="handleSelect" text-color="#000">
	<el-menu-item v-for="(item,i) in typelist" :key="i" :index="i">
		<iconfont-svg :icon="item.icon" size="30"></iconfont-svg>
		{{item.title}}
	</el-menu-item>
</el-menu>
  • 一开始一直提示index问题(i是获得的序号),以及类型错误。
    在这里插入图片描述

解决方案

修改前

<el-menu-item :index="subindex" v-for="(subItem,subindex) in item.subMenuList">{{index}}-{{subItem.subMenuName}}</el-menu-item>

修改后

<el-menu-item :index="''+subindex" v-for="(subItem,subindex) in item.subMenuList">{{index}}-{{subItem.subMenuName}}</el-menu-item>

文章借鉴地址:https://www.it1352.com/708234.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值