从element ui 中引入 图标 页面没有反应

最新推荐文章于 2024-09-06 14:57:08 发布
原创 最新推荐文章于 2024-09-06 14:57:08 发布 · 511 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文介绍了在Vue3项目中正确使用ElementUIPlus组件库的方法，包括安装、引入步骤，强调了与Vue2版本区别，着重指出务必区分ElementUI和ElementUIPlus.

切记：vue3 项目 用的 是 element ui plus 组件库 ，不是 element ui 组件库！！！

vue3 对应 的是 element ui plus 

vue2  对应的是 element ui

首先 需要 安装 图标

然后 引入 到标签中

再到 script 标签中引入

最后成功出现 图标

一定要记住 vue3 项目 用的 是 elementUi plus 组件库

one shepherd
关注
Vue-cli脚手架项目引入Element-Ui不生效问题
weixin_43403746的博客
09-27 2324
背景： 已经很久没有初始化项目了，今天在初始化项目引入element-ui插件时发现居然没有生效，最直观的就是没有标签提示。我是通过npm安装element-ui。 npm i element-ui -S 然后在main.js文件中引入了安装好的element-ui并使用。 但使用时并没有标签提示，而且效果也没有出来。 解决方案： 查了后才发现，除了要引入element-ui外，还需要引入它对应的css包，也就是需要将下面这句话写入到main.js中。 import ‘element-ui/lib
在线引用CDN书写最简单的element+vue页面
pick_ears的博客
12-28 875
可以复制黏贴下面代码，也可以直接复制官网Hello案例 <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app">
新建Vue项目 并引入element ui（cmd中vue ui没有反应的解决办法）
weixin_46483006的博客
07-18 3305
我们需要的是NodeJS里npm工具，npm是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件。附安装教程：http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html。2、输入之后，自动弹出网页，进行新建项目。我们可以去官网下载https://nodejs.org/zh-cn/download/（项目名中不能有大写字母，会报错，可以加-）vue -V(大写的V)，查看是否安装成功。...
elementui图标组件不生效的解决方案
weixin_45874118的博客
06-07 3711
vue项目在用elementui时，想引用里面的图标库，如下图
VUE + Element UI 使用Element 中的Icon 图标无法显示
热门推荐
璎珞的博客
04-27 1万+
VUE + Element UI 使用Element 中的Icon 图标无法显示 有以下几种情况： 1）项目中引入的element-ui的版本过低了，低版本的icon中没有代码中需要的图标。比如我代码中使用的图标是<i class="el-icon-s-order"></i>，这个图标在低版本的element-ui中是没有的，所以显示不出来。需要在项目的package...
精选资源
本地引入element不显示图标问题.doc
03-20
可能会遇到从特定链接（如：`https://unpkg.com/browse/element-ui@2.13.0/lib/theme-chalk/fonts/element-icons.ttf` 或 `https://unpkg.com/browse/element-ui@2.13.0/lib/theme-chalk/fonts/element-icons.woff`...
vue element项目引入icon图标的方法
08-27
本文主要介绍了在 Vue Element 项目中引入 Icon 图标的方法，旨在帮助开发者快速和高效地引入 Icon 图标，以提高用户体验和降低页面加载速度。 引入 Icon 图标的必要性 在 Web 开发中，使用 Icon 图标可以减少页面...
Element-UI本地引入
09-17
1. **下载资源**：首先，你需要从Element-UI的官方仓库或者发布页面下载完整的资源包，这通常包括CSS样式文件、JavaScript文件以及图标资源等。在这个例子中，我们有`index.css`（样式文件）、`element-ui.js`...
阿里小图标用以替代element-ui图标
08-10
使用阿里图标库，我们可以为Vue项目中的Element-UI组件添加更多样化、风格独特的图标，提升用户体验。 首先，你需要在阿里图标库官网（http://iconfont.cn/）注册账号并创建自己的项目。在项目中，你可以通过搜索...
element ui 离线压缩版 js css 含图标
03-15
5. **图标资源**：Element UI 包含了大量的图标资源，这些图标是 UI 设计中不可或缺的部分。压缩包中的图标文件（可能为 `icons` 目录）提供了 SVG 格式或字体文件（如 `element-icons.ttf`），你可以根据需要选择...
记录ElementUIPlu使用图标不起效问题
我要记录学习博客
11-27 1509
跟着官网提供的方法进行安装依赖，通过svg可以显示图标出来入如果使用标签引入就不起效如下记录1、官方说的是拉取2、官网拷贝的图标。
普通HTML页面引用elementui图标不显示
小志的博客
06-17 889
找一个vue项目（没有的话就新建一个空文件 下载依赖 npm i element-ui -S），进到node_modules==>element-ui==>lib==>theme-chalk里面的fonts文件夹复制到css中。普通HTML页面引用elementui图标不显示。我是下载到本地引入的，后面发现图标不显示。
element ui 中el-button自定义icon图标不生效问题解析
苦修的木鱼博客
03-20 6813
element ui 中el-button自定义icon图标不生效问题解析
element-ui打包之后图标不显示，woff、ttf加载404
最新发布
Your_Boy_Tt的博客
09-06 2584
昨天在 vue 项目中编写 element-ui 的树形结构的表格，发现项目中无法生效，定位问题之后发现项目使用的 element-ui 的版本是 2.4.11。这个 BASE_URL 是样式渲染的根目录，通过拼接可以看出来，BASE_URL = ‘/static’，也就是说，在渲染样式的时候，定位到 /static 目录下。有知道的请评论区告诉我）。而在 element-ui-2.15.14 版本下，系统还会加载 font 目录下的两个文件，由于我所在项目配置问题，所以扫描的路径是基于当前路径。
Bug：elementUI样式不起作用、Vue引入组件报错not found等（Vue+ElementUI问题汇总）
weixin_45565886的博客
09-29 4803
Bug：elementUI样式不起作用
Vue工程化之引入element-ui框架后图标失效
weixin_30505485的博客
08-07 617
场景： vue-cli搭建的工程化项目，引入element框架后发现图标无效，变为方块 解决方案： 在index.html引入样式文件CDN链接即可 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/inde...
element-ui图标不显示问题(已解决）
sagiiiii的博客
03-03 9449
方法1：在package.json中修改element-UI版本号 方法二：(如果经方法一还是不能显示图标) main.js里面统一注册icon // 统一导入el-icon图标 import * as ElIconModules from '@element-plus/icons' // 统一注册el-icon图标 for(let iconName in ElIconModules){ app.component(iconName,ElIconModules[iconName]) } 方法三
element+-ui图片无法使用--安装
calabash_man的博客
08-16 449
【代码】element+-ui图片无法使用--安装。
Element-ui项目打包后icon图标/登录背景图不显示
xiaohuichonga的博客
03-22 662
登录背景图,页面element-ui字体图标不显示问题
H5项目中Element UI的正确引入与依赖管理
根据提供的文件信息，我们将详细探讨有关Element UI的知识点，特别是如何在普通H5项目中引入Element UI所需的依赖。 ### Element UI 简介 Element UI 是一套基于 Vue.js 的桌面端组件库，它为开发者提供了丰富的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值