在实际项目中面包屑是非常常见的一个功能，用于切换层级选项当然有的公司会使用TagsView导航栏，这个后续在做介绍今天分享一个简易的面包屑组件，这边配合ui库进行封装安装依赖，在main.js中引入yarnaddelement-uiimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.config.produc
前言ElementUI官方没有提供菜单动态生成的案例的，参考ng-design上的菜单动态生成，写了一个基于ElementUi的菜单动态生成，支持多级菜单。思路基本思路就是循环子组件，判断menu是否有children，有就说明至少有二级菜单，需要循环子组件，将menu.children作为参数传入。没有则直接生成el-menu-item。代码如下首先，定义sf-menu-item组件， 代码如下：123submenu4v-if="menu.children.length"5:index="menu.index"6class="sf-menu-item"7>89{{menu.name}}101
前言ElementUI官方没有提供菜单动态生成的案例的，参考ng-design上的菜单动态生成，写了一个基于ElementUi的菜单动态生成，支持多级菜单。思路基本思路就是循环子组件，判断menu是否有children，有就说明至少有二级菜单，需要循环子组件，将menu.children作为参数传入。没有则直接生成el-menu-item。代码如下首先，定义sf-menu-item组件， 代码如下：123submenu4v-if="menu.children.length"5:index="menu.index"6class="sf-menu-item"7>89{{menu.name}}101
一、题目大意标签:搜索https://leetcode.cn/problems/minimum-height-trees树是一个无向图，其中任何两个顶点只通过一条路径连接。换句话说，一个任何没有简单环路的连通图都是一棵树。给你一棵包含 n 个节点的树，标记为 0 到 n-1。给定数字 n 和一个有n-1条无向边的edges 列表（每一个边都是一对标签），其中edges[i]=[ai,bi]表示树中节点ai和bi之间存在一条无向边。可选择树中任何一个节点作为根。当选择节点x作为根节点时，设结果树的高度为h。在所有可能的树中，具有最小高度的树（即，min(h)）被称为最小高度树。请你找到所有的最小
一、题目大意标签:搜索https://leetcode.cn/problems/minimum-height-trees树是一个无向图，其中任何两个顶点只通过一条路径连接。换句话说，一个任何没有简单环路的连通图都是一棵树。给你一棵包含 n 个节点的树，标记为 0 到 n-1。给定数字 n 和一个有n-1条无向边的edges 列表（每一个边都是一对标签），其中edges[i]=[ai,bi]表示树中节点ai和bi之间存在一条无向边。可选择树中任何一个节点作为根。当选择节点x作为根节点时，设结果树的高度为h。在所有可能的树中，具有最小高度的树（即，min(h)）被称为最小高度树。请你找到所有的最小
AntDesignVue--tree树形插件自定义图标。index.vue树形区域的代码如下，重点就是①那个“showIcon”参数要等于“true”；②写几个img标签显示你自定义的图标，img标签加“slot”属性。用于渲染树的数据要求有个参数与那几个img标签中的"slot"属性值对应。[{title:"节点1", key:"0",nodeType:"total",//slots+icon组合只是在原有基础图标后面，文字前面加一个图片。（叶子节点会有原来的一张纸的图标，其他上层节点会有加号减号）slots:{icon:"total"},children:[{ title:"节点2", k
AntDesignVue--tree树形插件自定义图标。index.vue树形区域的代码如下，重点就是①那个“showIcon”参数要等于“true”；②写几个img标签显示你自定义的图标，img标签加“slot”属性。用于渲染树的数据要求有个参数与那几个img标签中的"slot"属性值对应。[{title:"节点1", key:"0",nodeType:"total",//slots+icon组合只是在原有基础图标后面，文字前面加一个图片。（叶子节点会有原来的一张纸的图标，其他上层节点会有加号减号）slots:{icon:"total"},children:[{ title:"节点2", k
最近vue项目中遇到弹框内使用富文本编辑器，遇到最大的问题是，在打开弹框后才能创建富文本编辑器，并且只能创建一次，多次点击弹框，报错：Errorinv-onhandler:"Error:初始化节点已存在编辑器实例，无法重复创建编辑器" 经多次查找实验的出如下结论：首先：选择的wangeditor富文本编辑器 ：https://www.wangeditor.com/npmiwangeditor--save"1.5">buttontype="primary"plainicon="el-icon-plus"size="mini"@click="handleAdd"v-hasPermi="['natu
最近vue项目中遇到弹框内使用富文本编辑器，遇到最大的问题是，在打开弹框后才能创建富文本编辑器，并且只能创建一次，多次点击弹框，报错：Errorinv-onhandler:"Error:初始化节点已存在编辑器实例，无法重复创建编辑器" 经多次查找实验的出如下结论：首先：选择的wangeditor富文本编辑器 ：https://www.wangeditor.com/npmiwangeditor--save"1.5">buttontype="primary"plainicon="el-icon-plus"size="mini"@click="handleAdd"v-hasPermi="['natu
elementUI中table表格在选中数据后点击分页，再选中数据，回到第一页后，原来选中的数据已经不再是勾选状态了，现在要怎样记住所有分页中的勾选状态呢？我这里有比较简便的方法。不需要缓存数据等复杂的方式。1、首先在table标签上定义row-key和ref标志名称。具体row-key等功效，可以参考elementUI文档。代码如下：tableref="table"v-loading="loading":data="dataList"row-key="id"@select="selectItem"@select-all="selectAll">columnkey="1"type="selec
