关于一个v-for循环 :route的问题

Question

 <el-col :span="4" class="m-nav">
        <el-menu :router="true" class="m-nav-menu" theme="dark" v-for="index in list">
          <el-menu-item :route="{name:'{{index.index}}'}" index="1" v-for="item in lost"><i class="el-icon-information"></i>{{item.value}}</el-menu-item>
        </el-menu>
      </el-col>data () {
    return {
      list:[
        {index:"storeInformation"},
        {index:"HelloWorld"},
        {index:"HelloWorld"},
        {index:"HelloWorld"},
        {index:"HelloWorld"},
        {index:"HelloWorld"},
        {index:"HelloWorld"},
      ],
      lost:[
        {value:"门店信息"},
        {value:"订单验证"},
        {value:"订单列表"},
        {value:"技师管理"},
        {value:"收入支出"},
        {value:"结算管理"},
        {value:"账号设置"},
      ]
    }
  }截取了片段代码。
但是能实现的是文字循环
 :route的路由无法循环。
有人能解释一下吗？

Answer 1

<el-menu-item :route="{path:index.index}" index="1" v-for="item in lost"><i class="el-icon-information"></i>{{item.value}}</el-menu-item>:route="{path:index.index}"  直接这样就可以了吧，你那样写变成了全部一样的字符串了