| | |
| | | :class="{'is-active':vaildActive(item)}" |
| | | :index="item[pathKey]" |
| | | @click="open(item)"> |
| | | <i :class="item[iconKey]"></i> |
| | | <div style="display: flex"> |
| | | <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> |
| | | <span slot="title" |
| | | :alt="item[pathKey]">{{ generateTitle(item) }}</span> |
| | | :alt="item[pathKey]" |
| | | :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span> |
| | | </div> |
| | | </el-menu-item> |
| | | <el-submenu v-else-if="!validatenull(item[childrenKey])&&vaildRoles(item)" |
| | | :key="item[labelKey]" |
| | | :index="item[pathKey]"> |
| | | <template slot="title"> |
| | | <div style="display: flex"> |
| | | <icon-show v-if="item[iconKey]" :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> |
| | | <i v-else class="el-icon-setting" :font-size="iconSize"></i> |
| | | <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> |
| | | <span slot="title" |
| | | :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span> |
| | | </div> |
| | |
| | | :index="child[pathKey],cindex" |
| | | @click="open(child)"> |
| | | <div style="display: flex"> |
| | | <icon-show v-if="child[iconKey]" :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> |
| | | <i v-else class="el-icon-setting" :font-size="iconSize"></i> |
| | | <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> |
| | | <span slot="title">{{ generateTitle(child) }}</span> |
| | | </div> |
| | | </el-menu-item> |