vue使用elementui -- 举例：vue中使用elementui一级菜单名称不显示问题

最新推荐文章于 2024-06-28 08:16:13 发布
最新推荐文章于 2024-06-28 08:16:13 发布
阅读量487 收藏 2
点赞数
文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Gyezi/article/details/132215777
版权
文章比较了Vue2中使用Element-UI和Vue3中使用Element-Plus的差异，着重提到Vue3在显示菜单时的潜在问题，如一级菜单名称可能因代码错误而不显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue2 使用element-ui ：https://element.eleme.cn/#/zh-CN/
vue3 使用element-plus ：https://element-plus.gitee.io/zh-CN/

它们的区别很多，例如
vue3 显示菜单 ：<template #title>
在这里插入图片描述

vue2显示菜单：
在这里插入图片描述
若写错了会导致一级菜单名称不显示的情况。

叶子G
关注
vue2.0 elementUI制作面包屑导航栏
shengyin714959的博客
05-31 384
Main.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var routeList = []; router.beforeEach((to, from, next) => { var index = -1; for(var i = 0; i < rout..
vue使用Element-plus
六月Bing的博客
12-28 945
用法 1.下载资源文件 npm install element-plus --save 2.引入 完整引入 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。 main.ts import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import App from './App.vue' const app = createApp(Ap
elementUI侧边栏折叠后图标不显示文字不隐藏问题
luback的博客
06-02 1495
标签中的的图标和标题，不要。只需要注意两个细节地方。下的图标和标题，不要。
Vue3使用element-plus1.3.0版本的el-menu菜单组件引入动态渲染icon图标时，图标组件刚好是Menu时报错，菜单不显示的解决方法
QC班长的博客
01-25 8431
目前在升级前端框架，UI组件element-plus升级到了目前最新的1.3.0beta8版本，图标也换成了官方提供的SvgIcon图标，官方提供了组件导入的方式使用图标。而我的图标是全局导入的，默认使用官方的命名。在菜单栏使用图标，并且是动态渲染的，刚好用到图标组件名称是Menu时，点击带有这个图标名称的菜单，就出问题了，导致其他菜单不显示。 下面是在main.js中全局引入图标的方法： import {createApp} from 'vue' import App from './App..
Element-plus ＜el-menu-itme＞组件 使用collapse 隐藏侧边栏之后 图标不展示得问题
m0_65634497的博客
04-15 618
个人理解: 菜单组件默认将模板#title 中得所有元素进行隐藏 因为组件要根据二级来使用其中得icon组件 来进行展示子级菜单。解决方法: 将cion 写在模板#title得外侧 如果内侧想展示icon 那就写两份。
vue使用elementUI的折叠表格只出现父级，没有子菜单，另附树形菜单递归写法
weixin_42260782的博客
07-26 1780
再创建递归方法getDeptChirld此方法的返回值为部门信息SysDept，初始化一级部门的子节点Children，遍历所有部门信息，当前部门的父级id等于一级部门的id，则当前部门属于父级部门的子级，判断当前节点的子节点是否为空，为空就初始化子节点，再调用本身，把子节点和所有数据传入，再走一遍，查看该节点是否还在有子节点，把查出来的子节点添加到当前节点sysDept。...
​element-ui里面的Cascader 级联选择器​最后一级数据为空的情况
xfdrhu的博客
12-16 1111
使用到了element-ui里面的Cascader级联选择器，用起来还是非常方便的，不过遇到了后面出现空白选项的问题，如下图: 第一步 这个时候看数据源绑定 第二步，在获取数据源的地方让formatData里面的数据在给数据源 第三步让最后一级为undefined 第四步就好了 ...
【区分vue2和vue3下的element UI NavMenu 导航菜单组件，分别详细介绍属性，事件，方法如何使用，并举例】
最新发布
xiejunlan的博客
06-28 849
在 Element UI（针对 Vue 2）和 Element Plus（针对 Vue 3）中，NavMenu导航菜单组件通常被称为el-menu。虽然两个版本在 API 和实现上可能有一些细微的差别，但基本概念和用法是相似的。下面我将分别介绍在 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中如何使用el-menu组件。
【区分vue2和vue3下的element UI Cascader 级联选择器组件，分别详细介绍属性，事件，方法如何使用，并举例】
xiejunlan的博客
06-04 1162
在Vue 2的Element UI和Vue 3的Element Plus中，（级联选择器）组件用于从嵌套的数据中进行选择。以下是对这两个版本下组件的属性、事件和方法的详细介绍，并附带示例。
Vue+ElementUI纯前端技术实现对表格数据的增删改查
老婆就是要败家
08-22 9429
一、页面结构 分为三个部分 head body 以及script 一般我个人是在head中引入一些组件库 , 还有一些样式 ; style 也可以定义在其中, 通过id选择器 ,还有类选择器进行 定义 script 标签体中引入的是一些常见的组件库 LIink 标签体中引入的是一些CSS样式 body中一般是书写页面的结构 , 也就是定义一个DIV , 然后在其中书写书写页面中的各种元素 最后就是script 这里首先通过ID选中DIV , new Vue({ }); 通过el 选中id
ElementUI与Vue Router整合指南：动态路由和导航管理的艺术
[SpringBoot + Vue + ElementUI 实现一个后台管理系统模板.zip](https://opengraph.githubassets.com/83b9105ac3574ebf6b1c1a940c78e6b034e8e43405b0fbd909e1490e74961776/spring-projects/spring-session/issues/65...
el-menu侧边菜单栏收起不显示菜单名
Gpointy的博客
04-13 597
菜单栏收起时，会收起菜单的名称，效果看起来很奇怪。
解决element-plus格式不显示的问题
weixin_61764215的博客
03-16 1121
可以通过将elementPlus进行重新下载和缓存清理，看一下是否能够处理掉。下载，看是否能否成功。
vue2+elementUI，vue3+elementPlus解决form中的下拉列表回写显示id，不显示label
sumimg的博客
10-10 1880
这是我自己实验出来的代码，效果是好的，如有不足或者有更好的方法，欢迎指正探讨。直接字符串转数组，转出来的类型是 [‘1’,‘4’,‘3’,‘2’]需要把数组中的字符串转成数字类型 [1,4,3,2]，使用。vue3中表单的回写方式如下：（不是写在一起，单独排列开）但是elementplus中需要的是数字类型的数组。后端给的数据是字符串类型的 1,4,3,2。
VUE + ElementUI el-submenu的标题无法显示问题
offmmj的博客
01-18 1030
VUE + ElementUI el-submenu的标题无法显示问题
【element-ui】el-tree 节点文字空白
qq_14993591的博客
08-16 865
不妨吧v-if改成v-show。
vue+element-ui运行后图标不显示（只显示成小方框的错误）
Andre_dong的博客
06-02 2279
看了一下网上大部分的做法，却没有一种能够解决我的问题 在苦苦钻研了几个小时后，问题终于解决了，解决方法如下： 在config文件里面的index.js文件当中，找到这个代码块，添加箭头所指的代码，注意加上那个小点。 问题解决 ...
element-ui中的el-cascader 级联选择动态加载数据回显问题,输入框中不显示默认的文本
gaojian531048553的博客
06-19 9823
一直比较喜欢使用element-ui,在近期项目中有用到element-ui中级联选择,遇到了一个问题:在编辑详细信息的时候,原来已有的值无法显示的问题,经过研究发现有两种情况, 一.显示最后一级节点的时候即设置(emitPath=false和show-all-levels=false), 由于数据是动态加载暂时还没有获取最后一级的节点数据(也没有全路径),所以input输入框中 正常是无法显示默认值得name,或者显示全路径,初始默认值必须要满足[上上级code,上...
element分页当数据少于一页时不显示分页组件
qq_39954577的博客
12-27 951
element分页当数据少于一页时不显示分页组件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值