通过 slot="title" 可以将 template 内的内容插入到 el-sunmenu 内具名插槽定义的位置。
el-menu-item-group标签是把菜单分了组,具体的效果如图: 上图中就是菜单分组的效果,分组的命名有两种方式,一种是在el-menu-item-group中添加一个template标签,如上面代码中的 <template slot="title">分组一</template> 1. 另一种就是在el-menu-item-group标签中定义title属性,如上面代码中的 <el-menu-ite...
<el-table-column prop="title" label="标题" width="500"> </el-table-column> <el-table-column prop="type" label="类型" width="180"> <!-- 在Table表格中只有使用自定义列表才能获取数据对进行操作(增删改查) --> <template slot-scope="scope">{{ scope.row.type == 1 ? "文章" : "视...
原因是我们从官网复制的代码,template使用的是slot,但是slot已经过时了 我们改成v-slot:title即可
https://github.com/lyh-man/admin-vue-template.git 回到顶部 一、定义公共组件页面 简单的页面效果如下所示:(做的比较粗糙,大致理解页面即可) 1、安装 element-ui (1)简介 一款ui 框架。使用 element-ui 用于实现页面的绘制。 【官网:】 https://element.eleme.cn/#/zh-CN【文档:】 ...
<el-dialog:visible.sync="dialog"width="400px"center><templateslot="title"><div><spanv-text="$t('collectorFirmware.addCollectorFirmware')"></span><i@click="help"class="iconfont icon-dianzhangongxiang-copy"></i></div></template></el-dialog> ...
template><el-menu-item index="2-1">选项1</el-menu-item><el-menu-item index="2-2">选项2</el-menu-item><el-menu-item index="2-3">选项3</el-menu-item><el-submenu index="2-4"><template slot="title">选项4</template><el-menu-item index="2-4-1">选项1</el-menu-item><el...
children.length"> <template slot="title"> <i :class="a.icon" /> <span>{{ a.label }}</span> </template> <el-menu-item-group> <el-menu-item v-for="(subItem, $i) in a.children || []" :key="$i" :index="subItem.path"><span ...
<script type="text/x-template"id="main-template"><div><el-menu-item v-if="itemData.nodes==null":index="itemData.index"><span>{{itemData.text}}</span></el-menu-item><el-submenu v-if="itemData.nodes!=null":index="itemData.index"><template slot="title"><span>{{itemData.text}}</...
-- 此菜单下还有子菜单 --> <el-submenu v-if="navMenu.childs&&navMenu.entity" :key="navMenu.entity.id" :data="navMenu" :index="navMenu.entity.name"> <template slot="title"> <i :class="navMenu.entity.icon"></i> <span> { {navMenu.entity.alias}}</span> </template> <!-- ...