vue3+element-plus图标偶发性乱码问题

最新推荐文章于 2023-08-28 11:53:06 发布

TaitChan

最新推荐文章于 2023-08-28 11:53:06 发布

阅读量1.5k

点赞数

分类专栏：问题解决方案文章标签： vue.js sass javascript

本文链接：https://blog.csdn.net/Cting1997/article/details/123580570

版权

问题解决方案专栏收录该内容

1 篇文章 0 订阅

订阅专栏

方案1：升级sass、配置vue.config.js（已试！可用！）

（1）sass版本升级到1.39.0
（2）vue.config.js 增加css配置，否则会报错

css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          outputStyle: 'expanded'
        }
      }
    }
  },

参考链接：
若依管理系统（vue、Element-UI）图标偶发性乱码问题完美解决

方案2：css-unicode-loader（已试，没成功TAT）

参考链接：
dart-sass编译element-ui打包出来的icon乱码的解决方案
 github：css-unicode-loader

方案3：dart-sass换node-sass（没试过）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TaitChan

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue3+element-plus图标偶发性乱码问题

vue3+element-plus图标偶发性乱码问题
复制链接

扫一扫

专栏目录

EL中文显示乱码的解决办法

09-17

EL中文显示乱码的解决办法 EL中文乱码 EL中文显示乱码

vue3+element-plus+admin

最新发布

04-12

Vue3 + Element-Plus + Admin 是一个现代的前端开发框架，用于构建高效、可复用且易维护的企业级管理后台应用。Vue3 是 Vue.js 的最新版本，它引入了大量新特性和优化，提升了开发效率和性能。Element-Plus 是 ...

参与评论您还未登录，请先登录后发表或查看评论

vue3使用element-plus打包上线后图标偶尔乱码的解决方法

超小少的博客

07-20

2321

与element-ui不同的是，element-plus没有使用node-sass或者dart-sass，而使用的是sass和sass-loader，起初觉得可能是项目的sass版本和sass-loader的版本与element-plus的版本不一致，于是删除了自己项目的版本，安装了与element-plus使用的版本一致，但并未解决问题，版本如下： "devDependencies": { "postcss-loader": "^5.3.0", "sass": "^1.35.1",

解决vue cli3脚手架+elementui组件在线上icon乱码问题

qq_41920758的博客

07-31

543

1、下载依赖css-unicode-loader 和sass-loader。// 下载依赖并配置css-unicode-loader函数写法。改变原有的写法，改为上面的写法，重新启动项目即可解决乱码问题。2、在vue.config.js中配置。// 解决打包线上icon乱码问题。

vue-cli开启gzip压缩、后台开启gzip

Lycoriy的博客

12-24

1152

使用vue-cli创建项目。第一步：下载插件特别注意版本问题，如果出现版本的错误，可以下载低版本的插件。 npm install --save-dev compression-webpack-plugin 第二步：找到config文件夹下的index.js文件，productionGzip改为true，开启gzip压缩。第三步：找到build文件夹下的webpack.prod.conf....

element无法展示数据，Gson中文乱码

m0_73502703的博客

05-24

358

1.element的prop属性中的单词（大小写和字母拼写）要和json 里的一致。 2.把数据写进响应体里的时候，有中文得response.setContentType("application/json;charset=utf-8");有utf-8编译。

vue3-element-admin：vue3 + element-plus + typescript 后台管理系统

05-04

vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...

Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统

05-02

Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...

Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序

06-15

在网上找的（vue3+sortable.js根本跑不起来）网上好多例子在vue3下根据跑不起来于是，也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在...

laravel-8-vue：laravle8 + vue3 + vue-router4 + element-plus

02-26

关于LaravelLaravel是一个具有表达力，优雅语法的Web应用程序框架。我们认为，发展必须是一种令人愉快的，富有创造力的经历，才能真正实现。 Laravel减轻了许多Web项目中使用的常见任务，从而减轻了开发过程中的...

vue3国际化1.0.2-beta.59（包含59）之后的更新

weixin_51993595的博客

08-13

243

<template> <el-config-provider :locale="locale"> <router-view></router-view> </el-config-provider> </template> <script> import { ElConfigProvider } from 'element-plus'; import zhCn from 'el

线上页面有时候elementui 的字体图标会乱码

丫丫不秃头噢---

06-08

3696

1.错误现象 2.问题分析 3.解决方法针对我项目问题分析原因可能是：因为vue脚手架编译使用的和elemntui里面编译的工具不一样，（如若有错误部分，请指出来，我会改正） 1.错误现象 2.问题分析查阅资料之后，定位到错误原因： scss编译机制的问题（上图1已显示，编译乱码）因自定义主题是需要将scss加载进来的，而scss中引用的字体，图标不能被对应的loader正常解析，而将element自己编译好的css使用js模块引入就没问题。 3.解决方法

vue通过接口返回的文件流/图片哦/文档下载到本地

weixin_51958960的博客

06-22

1991

场景：当你请求接口看到返回以上图 JFIF 时，侧为乱码，你需要做以下步骤实现图片下载。1、将响应的数据类型调整为 arraybuffer。2、将数据转换为base64。3、将处理的图片下载即可。

解决elementUI打包上线后icon图标偶尔乱码的问题

qq_37831545的博客

08-22

3310

本项目是若依作为开发框架（elemen-ui + vue + sass），开发过程中，图标一直正常。直到打包发布到线上，页面偶发性出现图标乱码问题，再次刷新页面后，又可正常显示。本项目使用的依赖包是sass（dart-sass），elementui使用的是node-sass，而dart-sass在编译element-ui里icon伪元素的content unicode编码时会转换成对应unicode明文，编译之后就变成了“”，“”便是一个双字节字符，导致出现乱码。

解决 Elementui icon偶发性乱码问题的几种解决方案

CiCi____的博客

08-28

4271

elementui的icon图标偶发性乱码解决方案（已解决）

vue3+element-plus 动态生成icon报错，已解决

期待变成大神的博客

02-17

856

vue3+element-plus 动态生成icon报错

今日问题：Vue3 + Element Plus 国际化设置中文和使用图标无效解决方法

weixin_52053631的博客

04-02

1464

Vue3 + Element Plus 国际化设置中文和使用图标无效解决方法

vue项目打包后网页的title乱码的问题解决

爱学习的大雄的博客

04-24

6400

遇到的问题： vue项目在本地运行时无乱码现象产生，但在我运行npm run build打包项目运行index.html后发现就是这个标题会出现乱码的情况后来在经过查阅资料，发现是字符编码的问题。尝试了网上一种办法，就是将乱码的文件使用电脑自带的记事本打开，然后选择utf-8字符编码另存为。这种方法可以在本机上实现问题的解决，但是当我把另存为的文件再次上传到linux服务器中部署后有产生了乱码问题最终找到的解决方法如下：在产生乱码的html的head中添加以下代码即可： <meta http

vite+vue3+element-plus图标自定义实现方式

06-02

要在vite+vue3+element-plus中自定义图标，可以按照以下步骤进行操作： 1. 下载需要的图标素材，可以是svg、png、jpg等格式的图片。 2. 将下载的图标素材放置到项目中的某个目录下，比如`src/icons/svg`目录。 3. ...