这个是在做小应用时遇到的问题，本来想以后将问题汇总后一起发布。可是很开心撒，而且网上没找到这个问题的简单解决方案（解决方案中经常让使用Vue或者scss等外部组件，可我就一个Hello Word，安装vue-cli什么的感觉太小题大做），所以先记录下来，也让需要的人少跑几步。 先贴上图看一下效果，虽然不美观，但聪明的你掌握思路后还可以继续美化哈。 这个问题的解决方法当然不是我凭空想出来的，也是在网
本文分别使用 SFC（模板方式）和 tsx 方式对 Element Plus *el-menu* 组件进行二次封装，实现配置化的菜单，有了配置化的菜单，后续便可以根据路由动态渲染菜单。
本文分别使用 SFC（模板方式）和 tsx 方式对 Element Plus el-menu 组件进行二次封装，实现配置化的菜单，有了配置化的菜单，后续便可以根据路由动态渲染
/** layui-v2.4.0 MIT License By https://www.layui.com */
;
layui.define(function(e) {
"use strict";
var a = document,
t = "getElementById",
n = "getElementsByTagName",
Excel 中依旧保留了快捷菜单。当用户选中一个或多个对象时，单击鼠标右键就会出现快捷 菜单。菜单内容取决于鼠标所选定的对象，因此，使用快捷菜单可以使命令的选择更加快速有效。可以在任何元素上单击鼠标右键，如单元格、行或列的边框、工具栏和图形图表等。展示的是选定一个单元格后单击鼠标右键所出现的包含单元格格式操作等命令的快捷菜单。 图中出现在快捷菜单上方的菜单栏是【浮动工具栏】，它是Exc
目录一：解决初次加载子菜单报错 No match found for location with path "xxx"①：使用router.addRoute()代替router.addRoutes()②：修改组件引入方式③：修改路由中重复的name值二：解决在某一个子菜单页刷新，报错 No match found for location with path "xxx"①修改menus.js/i
公司的测试管理平台前端使用的是Ant Design of React框架，后台使用的是python，数据库用的是mysql。没有参与前期的开发，听说是工作了10年积累下来的一个暂且可用的管理平台，开发了10年，目前公司也没有怎么用起来......不由地吐槽了一下，看了前端和后台的代码，简直想哭的心都有了。问的稍微深一点的问题，就说不知道，自己看，自己调试，我也就只能呵呵呵，后面有问题干脆不开口
在采购工作中，你肯定会遇到很多“大表哥，大表姐”，他们精于算计，策划缜密，用各种各样的表格说明道理，更重要的是他们工作效率高，而且所呈现的数字化结果可信度更高。其实，是否能把EXCEL运用得出神入化已经直接影响到了你的职业发展空间和高度。有人问，采购是门很特殊的学科吗？专业的回答是，采购是数学，统计学，信息学，逻辑学，以及一部分服务和产品知识的技术综合。而EXCEL，因其具备强大的数学计算和统计分
前言在实际开发中我们经常使用el-dialog弹出框做表单，一般情况都是居中。遮挡到了一部分数据当我们想要查看弹出框下面的数据时，就只能先把弹出框关闭，查看完数据之后在打开弹框我们通过动态样式，和鼠标事件就可以实现。但自己写的在适配性和全面性上还是有所欠缺的这种我们可以直接复制使用，写成全局自定义指令。在很多的地方使用，并且只做加法代码实现-没有自定义指令情况下1.来到src/创建directiv
今天教大家用 Vue + Element UI 搭建一个后台管理系统界面，首先讲一下需要用到的组件标签，重点是左侧菜单栏的创建，Element UI 左侧菜单的标签有：el-container：构建整个页面框架。el-aside：构建左侧菜单。el-menu：左侧菜单内容，常用属性如下。:default-openeds：默认展开的菜单(针对父节点)，通过菜单的 index 值关联。:de
一，登陆界面的制作第一步：利用element-ui按需导入，然后绘制相应的页面：第二步：配置相应放入路由和路由导航守卫第三步，登陆成功后的退出登陆功能二，首页的开发第一步：顶部和左侧区域的菜单页面<template>
<el-container class="home_container">
<!-- 头部区域 -->
<el-header&g
由于JFreeChart组件的版本、操作平台、JDK的设置等因素，在使用JFreeChart组件时可能会出现中文乱码的现象。遇到此问题时，可通过设置文字的字体来解决问题。在此提供以下两种解决此问题的方法。由于JFreeChart组件的版本、操作平台、JDK的设置等因素，在使用JFreeChart组件时可能会出现中文乱码的现象。遇到此问题时，可通过设置文字的字体来解决问题。在此提供以下两种解决此问题
当学习成为了习惯，知识也就变成了常识。感谢各位的 点赞、收藏和评论。文章已收录到 github，欢迎 Watch 和 Star。简介详细讲解了 ElementUI 的源码架构，为下一步基于 ElementUI 打造团队自己的组件库打好坚实的基础。如何快速为团队打造自己的组件库？组件库是现代前端领域中不可缺少的一项基建。它可以提高代码的复用性、可维护性，提高团队的生产效率，更好的服务于未来。那么如何
问题:当菜单栏左侧的层级超过2级就会导致keep-alive无法正常缓存路由,像这样原因是打开三级页面<keep-alive include>中数组添加的是第三级页面的组件名,而页面实际展示的是二级父页面包含的=>三级页面而二级父页面组件名为加入到keep-alive 的 include数组中,导致超过2级的页面无法缓存解决方案: &nbs
描述：如图项目路径如下图所示：代码实现：首先在store.js中添加两个状态： import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
topNavState: 'home',
leftNavState: 'home'
}
export default new Vuex.Store({
最近在用 iview-admin的Vue后台模板，从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的，木有其他好办法，只能自己手动改代码了。1. 第一步：首先改写VUE中的模板，修改sidebarMenu.vue文件，文件具体目录建下图：将Menu导航菜单组件的的二级嵌套结构改为三级嵌套，无非就是判断二级路由页面下是否
0x01.使用Github学习的姿势基于昨天的内容，今天的内容需要添加几个单文件组件，路由文件也需要做相应的增加，今天重点记录使用Element-UI中的表格组件实现数据动态渲染的实现流程和分页功能的实现流程。多说无用，项目已经上传到Github了，想了解每一步的详细实现流程的可以在Github的commit中查看提交的历史版本，根据历史版本进行详细的学习。第一步： 第二步：
MessageBox组件源码，有添加部分注释main.vue<template>
<transition name="msgbox-fade">
<!--包裹弹框的div-->
<div
class="el-message-box__wrapper"
tabindex="-1"
v-show="vis
最近在写框架，开发主页面的时候布局采用的是左侧菜单栏的形式，因为没有现成的轮子与使用技术栈的原因，选择使用elementui的navmenu控件进行改造，实现多层级的菜单栏展现样式，先上个效果图因为是使用asp.net mvc5进行的开发，所以不可能使用webpackge纯前端的方式使用vue单文件的形式造轮子，所以经过搜索，决定使用x-template类型的脚本文件作为模板载体进行二次封装，首先
每天都要开心(▽)哇：以这个项目为案例下面是项目的基本情况✔ What would you like to build? › App with Quasar CLI, let's go!
✔ Project folder: … quasar-project
✔ Pick Quasar version: › Quasar v2 (Vue 3 | latest and greatest)
✔ Pick
一、Home页面Container 布局容器title制作<template>
<div>
<!-- Contriner布局容器-->
<el-container>
<el-header class="homeHeader">
<div c
