关于#vue.js#的问题：vue ElementUI项目中for循环动态绑定class 实现动态图标 首页图标正常显示 但是动态的class图标未能正常显示 请问如何解决

vue ElementUI项目中for循环动态绑定class 实现动态图标 首页图标正常显示 但是动态的class图标未能正常显示 请问如何解决？

代码块

<template>
    
    <el-menu
          :default-active="this.$store.state.menus.editableTabsValue"
          class="el-menu-vertical-demo">
         
          <div class="logo">div>
                   
        <router-link to="/index">
            <el-menu-item index="Index"  @click="selectMenu({name: 'Index', title: '首页'})">
                <template slot="title">
                    <i class="el-icon-s-home">i>
                    <span slot="title">首页span>
                template>
            el-menu-item>
        router-link>

        <el-submenu :index="menu.name" v-for="menu in menuList">
            <template slot="title">
                <i :class="menu.icon">i>
                <span>{{menu.title}}span>
            template>

            <router-link :to="item.path" v-for="item in menu.children">
                <el-menu-item :index="item.name" @click="selectMenu(item)">
                    <template slot="title">
                        <i :class="item.icon">i>
                        <span slot="title">{{item.title}}span>
                    template>
                el-menu-item>
            router-link>

        el-submenu>

    el-menu>
template>

兄弟你页面都变sei了，第7、12、13行，呃好像你标签尾部都不完整，可以这样写的？

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7545689