1、Element简介Element是饿了么公司前端开发团队提供的一套基于Vue的网站组件库，用于快速构建网页Element提供了很多组件（组成网页的部件）供我们使用。官方网站https://element.eleme.cn/#/zh-CN2、快速入门2.1、将相关的element-ui和js文件拷贝至个人项目的webapp下2.2、创建页面，并在页面引入Element的css、js文件和Vue的js文件2.3、创建Vue核心对象Element是基于Vue开发的，所以使用Element时必须要创建Vue对象newVue({el:"#id值"})2.4、在官网中复制Element组件代码在左边菜
1、Element简介Element是饿了么公司前端开发团队提供的一套基于Vue的网站组件库，用于快速构建网页Element提供了很多组件（组成网页的部件）供我们使用。官方网站https://element.eleme.cn/#/zh-CN2、快速入门2.1、将相关的element-ui和js文件拷贝至个人项目的webapp下2.2、创建页面，并在页面引入Element的css、js文件和Vue的js文件2.3、创建Vue核心对象Element是基于Vue开发的，所以使用Element时必须要创建Vue对象newVue({el:"#id值"})2.4、在官网中复制Element组件代码在左边菜
elementui|dropdown|下拉菜单作为模态框使用背景场景：下拉菜单作为模态框使用：操作：下拉菜单设置触发条件点击展示/隐藏：trigger="click"目的：点击取消关闭下拉框遇到的问题参考网络elementui下拉菜单不同选项支持点击后是否隐藏菜单栏，给el-dropdown-menu设置ref="dropdownRef"，通过this.$refs.dropdownRef.showPopper=false关闭；this.$refs.dropdownMenuRef.showPopper=false;按照上述操作，实际开发过程中，发现点击打开下拉菜单的按钮，点击取消，确实关闭了解决
在实际项目中面包屑是非常常见的一个功能，用于切换层级选项当然有的公司会使用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|dropdown|下拉菜单作为模态框使用背景场景：下拉菜单作为模态框使用：操作：下拉菜单设置触发条件点击展示/隐藏：trigger="click"目的：点击取消关闭下拉框遇到的问题参考网络elementui下拉菜单不同选项支持点击后是否隐藏菜单栏，给el-dropdown-menu设置ref="dropdownRef"，通过this.$refs.dropdownRef.showPopper=false关闭；this.$refs.dropdownMenuRef.showPopper=false;按照上述操作，实际开发过程中，发现点击打开下拉菜单的按钮，点击取消，确实关闭了解决
在实际项目中面包屑是非常常见的一个功能，用于切换层级选项当然有的公司会使用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
最近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
