el-cascader-plus经常碰到懒加载不回显的问题，使用起来很不方便，于是花了些时间二次开发了这个组件，下次遇到同样问题就能直接解决，在此开源出来，希望对遇到相同问题的人有帮助。开源互助使程序的世界更美好！el-cascader-plus基于 element-ui 级联二次封装，弥补了原 element-ui 级联组件懒加载经常无法回显的不足，用法与原级联组件一致。使用前请确保安装了 vu
自从用饿了么框架重构项目以来，遇到 很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦
原创
2021-07-28 15:04:24
631阅读
自从用饿了么框架重构项目以来，遇到 很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一
原创
2022-04-20 13:39:56
389阅读
之前有一些网友对我那个IT部门信息管理系统（http://caijt.com/it）的前端感兴趣，我已经开源到github（https://github.com/Caijt/itsys-ui）上面有两个分支，master是对应php后端的，itsys-net是对应asp.net core后端的。这里我简单介绍下我这个系统前端代码，当时我几乎完全参考vue-element-admin的，不过没用它的
七、封装一个element-ui风格的radio组件前置知识点：radio的基本使用参数支持：参数名称参数描述参数类型默认值v-model双向绑定布尔类型falselabel单选框和value值string，num，Boolean' 'namena'm 7.1radio组件的基本框架和样式框架、基本样式以及选中样式：<template>
<label c
最近在写框架，开发主页面的时候布局采用的是左侧菜单栏的形式，因为没有现成的轮子与使用技术栈的原因，选择使用elementui的navmenu控件进行改造，实现多层级的菜单栏展现样式，先上个效果图因为是使用asp.net mvc5进行的开发，所以不可能使用webpackge纯前端的方式使用vue单文件的形式造轮子，所以经过搜索，决定使用x-template类型的脚本文件作为模板载体进行二次封装，首先
前端代码 EchartsDemo.vue<template>
<div >
<div style="with:800px;height:500px" ref="bar">
</div>
</div>
</template>
<script>
export de
效果演示先给大家看一下效果吧el-menu详解官方属性Menu Attributes#
属性名说明类型可选值默认值mode菜单展示模式stringhorizontal / verticalverticalcollapse是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）boolean—falseellipsis是否省略多余的子项（仅在横向模式生效）boolean—trueback
在前端开发中，有时会遇到所有菜单数据在同一级的情况，后端未对数据进行分级处理；但前端渲染需要是树状结构的数据，如何实现数据的树状化？将数组中通过父节点的ID与子节点的parentId关联，通过递归函数来实现。 前端框架这里使用element-ui的tree控件来实现，对其不了解可以去官网查
我们在系统地学习如何开发前端的SPA项目时，在搭建完脚手架之后，不得不绕开的一个框架那就是UI库。UI库是一套集成的前端页面UI组件，可以帮助开发者更好地搭建美观的网站，缩短开发周期。我最近花了很长时间整理了Element-ui库的源码架构细节，下面通过这篇长文分段分享给大家系统架构我们首先从README.md这个markdown文档中： README.md 可以得出：elem
前言当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列和行， Bootstrap 会把屏幕分成 12 列，还提供了一些非常方便的 CSS 名让我们来指定每列占的
一、项目环境搭建1.vue-element-admin的了解和介绍vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。2.项目模板启动和目录介绍2.1 git拉取基础项目模板$ gi
城市三级联动vue+elementUI详解效果图一.基础数据引入二.template内的代码三.methods内的代码四.代码解析:五.备注: 效果图一.基础数据引入1.在<script>里提前引入area.js文件import area from "../api/area.js";2.同时在data()里定义一个变量cityDataStart接收所有城市的对象数组,并建立两个空数组
vue-element-admin4.0国内节点访问地址：https://panjiachen.gitee.io/vue-element-admin-site/zh/本此使用的是https://github.com/PanJiaChen/vue-element-admin/tree/i18n 国际化分支的版本。说是除了国际化其他都一样。本文主要介绍前台动态的使用资源权限。后台使用springboo
回到顶部一、简单入门级树形菜单实现（纯后台逻辑）1、简介（1）开发环境 IDEA + JDK1.8 + mysql 1.8 SpringBoot 2.2.6 + mybatis-plus 此处仅后台开发（返回 json 数据），前台页面展示后续会讲解。（2）数据表 如下，仅供参考，可以添加 修改时间、创建时间、逻辑删除等字段。DROP DATABASE IF EXISTS test;
C
转载
2023-05-30 11:33:59
197阅读
温故而知新，最近项目中频繁使用树形结构展示效果，因为不熟悉，备受折磨。 代码贴出来，再复习一次。代码太长了，想看分析的可以搜我下一篇文章，下一篇会详细的写如何在项目中使用效果：左侧是树，右侧是表格。点击任何一行都会展示对应的表格 **完整代码如下：**模板区<el-card >
<div style="display: flex; justify-content: s
前言这可能是目前最便捷、最合适的 Icon 使用方式了，特别是在 Vue3 中，等等，你以为它只是适用于 Vue3？不，不要被标题欺骗，它支持 Vue2/Vue3、React、Preact、Solid、Svelte 等多种主流框架，同样，它也支持 Vite、Roullp、Webpack、Nuxt、VueCLI、Svelte Kit、Svelte + Vite、Next.js 等多种主流构建工具。之
其他router相关内容索引序号内容1vue router 整合引入2vue router 模块化开发3vue router 动态路由及菜单实现之一4vue router 动态路由及菜单实现之二5vue router 动态路由及菜单实现问题汇总6vue el-menu多级菜单递归7vue router 懒加载常见写法之前将路由引入，按模块简单划分后，准备将路由和菜单结合起来。发现需要前端维护一遍菜
一 效果图 二 封装俩个组件，分别为DynamicTable.vue 跟TableColumn.vue TableColumn.vue 使用递归方法，对表头进行循环生成 DynamicTable.vue <template> <el-table :data="tableData"> <templat ...
转载
2021-09-09 11:35:00
1346阅读
多级菜单# -*- coding: utf-8 -*-
__author__ = 'am_mm_NO.1'
import re
memu = {
"东北":{
"吉林
转载
精选
2016-06-20 23:23:11
985阅读
