组件递归当我们编写一个模块的时候，由于不知道数据的嵌套程度有多深，也就不知道组件的元素结构有多少重复的嵌套，而我们此时所用的Vue模板是一个静态的模板，于是会出现一种无法完整表达嵌套深度的现象因此在这种场景下，就会使用到组件递归的概念，就是指在自身组件中使用自己其关键就是在于注意给组件命名（添加name属性）传的参数也要能完成递归操作，并且有递归出口在组件中有事件注册的时候要对引用的组件进行事件的
Element Plus 实例详解（一）___安装设置本篇目录：一、前言二、安装方法1、环境支持2、Element Plus安装使用方式（1）、使用包管理器（2）、浏览器直接引入3、Element Plus引入方式使用小例子三、Element Plus用法1、完整引入2、按需导入（1）、自动导入（2）、手动导入3、全局配置四、Element Plus 安装使用小实例1、搭建Vue3项目
vue中的条件渲染v-if v-show 控制模板标签是否在页面上显示v-if 对应的js表达式为false：移除该标签dom节点v-show 对应的js表达式为false：只控制了display属性为none，dom节点依然存在v-show 性能好一点，因为不会去频繁的操作domv-if v-else 若v-if为true，v-else不显示，若v-if为false，v-else显示，但注意v-
多个不同的自定义主题，在不通的主体的css样式前加上不同的class名，在页面跟换不同肤色时，通过改变body上的calss来添加不同的样式。一、elementui自定义主题更换皮肤1.1、给不通的主题添加不同类名 在src/assets/下创建theme文件夹，放入不同主题 为不同主题中的index.css的每个选择器都前面加上class，例如在00ff22文件夹下的index.css下
一、引言随着技术的不断发展，前端开发领域也在不断演变。为了满足现代应用程序的需求，开发人员需要使用最新、最强大的工具和技术。Geeker-Admin正是一款基于Vue 3.4、TypeScript、Vite 5、Pinia和Element-Plus的开源后台管理框架，它利用了当前最先进的技术栈，为开发者提供了一套高效、便捷的开发解决方案。二、技术栈概览Vue 3.4：Vue是一款流行的JavaSc
去掉a标签下划线：对超链接下划线设置 使用代码＂text-decoration＂语法： text-decoration : none || underline || blink || overline || line-through text-decoration参数： none : .为什么我这个没有下划线？ a:hover{color:red；} 我爱你正常状态下的a标签是这样的。去掉下划线只
文章分为三部分：1.vue使用svg，2.uniapp使用svg，3.svg常用知识1.Vue自定义icon-svg组件安装svg-sprite-loader npm i -D svg-sprite-loader新建 Icon-svg 组件<template>
<svg class="svg-icon"
aria-hidden="true">
&l
这节课完成面包屑和tag的布局，并且与左侧菜单联系，涉及组件间通信。 1.提前准备首先我们先完成每个页面的路由，之前已经有home页面和user页面，缺少mail页面和其它选项下的page1和page2页面。在view文件夹下新建mail文件夹，新建index.vue，填充user页面的内容即可。在view下新建other文件夹，新建pageOne.vue和pageTwo.vue，页面内
转载
2024-06-11 19:03:28
314阅读
1. alert 方法<script type="text/javascript">
$(
function()
{
$.messager.alert("调用messager","文本内容") ;
}
);
</script> &nb
官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BDvue项目做的少，elementUI也是最近才接触，所以文档看了一周才有了点思路，最难的就是用户登录权限部分目录结构页面都在/src/views 下登录权限登录在src/views/login/index.vue ，登录只是账
转载
2024-03-18 20:33:19
147阅读
el-menu有很多属性和子标签，为网站提供导航功能的菜单。常用标签：它里面有两个子标签。el-menu-item，它其实就是el-menu每一个里面的item
原创
精选
2024-05-01 11:48:13
1541阅读
Vue递归组件与Element Plus应用指南 本文详细介绍了Vue 3与Element Plus中递归组件的实现与应用。主要内容包括： 递归组件基础：解释了递归组件的概念、适用场景（树形结构、嵌套菜单等）和实现必要条件（name选项、终止条件） 基础实现：展示了最简单的递归组件示例，通过组件自引用和props传递数据，每个实例维护自身状态 Element Plus集成： 使用
1.首先看下目录结构2.思路 登录成功后调用接口获取菜单信息后进行数据处理然后添加到路由展示1调用接口 登录成功后调用获取菜单栏接口并转化数据 存入session里防止页面刷新菜单消失(main.js里面用到)2.数据转化代码 这里有两个坑 1.用require引入组件 用important无法引入成功，因为important写法不支持变量会报错， 在忽略文件里忽略该文件不会报错 或者降低版本 但
转载
2024-03-15 10:35:31
556阅读
作者：宁柏龙Vue 代码demo运行动画：situation一个常见的的场景，主页 -->前进 列表页-->前进 详情页，详情页 -->返回 主页 -->返回 列表页我们希望，从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。
ElementPlus 全局引入与按需引入前言一、完整引入1、安装组件库2、在项目中引入3、设置组件语言二、按需引入1、安装组件库2、Webpack 配置3、在项目中引入（1）全局引入（2）局部引入4、按需引入时设置组件语言总结 前言之前使用 ElementPlus 做项目的时候，由于不会使用按需引入，一个仅需要几个 ElementPlus 组件的 Vue 项目，全局引入 ElementPlus
转载
2024-03-22 14:34:07
2376阅读
选择了element plus。于是按照element plus官网文档操作，安装了nodejs之后就开始 npm install element-plus --save。结果就完全进行不下去了，根本就没有main.js啊。百度之后发现，写的基本上也是跟官网差不多，帮助不大。没有人带入门，踩的坑确实会比较多。摸索之后，终于可以进行开发，记录之，以免同行走弯路。1、使用element pl
转载
2024-08-04 14:22:40
574阅读
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2837阅读
src/menu.vue <script type="text/jsx">
import emitter from 'element-ui/src/mixins/emitter';
import Migrating from 'element-ui/src/mixins/migrating';
import Menubar from 'element-ui/src/uti
转载
2024-09-25 10:32:20
67阅读
◼ 图书管理系统前端代码1. Element UI 的全局引入与使用1.1 全局引入 Element UI 及相应配置◼ 在 main.js 文件中配置import ElementUI from 'element-ui' //导入element-ui所有组件
import 'element-ui/lib/theme-chalk/index.css' //导入element-ui样式1.2 登录
前言一般我们开发单页面应用（关于单页面应用是什么在本专栏的另一篇文章中有介绍）时，特别是针对和我一样打算走后端开发的同学，对于前端只需要有了解的程度就行了，但是平常做项目练手时经常会要自己写前端的东西，所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件，就可以在Idea中写el
转载
2024-03-15 10:00:44
932阅读
