vue iview导航菜单Menu渲染

<template>
  <div>
    <Menu :theme="theme2" accordion @on-select="selectItem">
      <Submenu :name="item.id + ''" v-for="item in data" :key="item.id">
        <template slot="title">
          <Icon type="ios-paper"></Icon>
          <span>{
  { item.authName }}</span>
        </template>
        <Menu-item
          :name="item.id + '-' + subItem.id"
          v-for="subItem in item.children"
          :key="subItem.id"
        >
          {
  { subItem.authName }}
        </Menu-item>
      </Submenu>
    </Menu>
  </div>
</template>
<script>
import MenuTree from "./Lianxi.vue";
export default {
  components: {
    MenuTree,
  },
  data() {
    return {
      data: [
        {
          id: