Element-ui一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，在Vue中使用是很方便的。关于引用icon（第三方），有一种不用下载项目到本地的方法，前言element自带的有icon，使用起来也很方便。但是美中不足的是，官方提供的图标库只是部分，在需要新的icon时，我就想到了引入第三方icon。对我来说，阿里的icon库就很方便，之前的项目也是用的这个库。先是查看了Element官方文档，没发现有提示如何引用第三方icon，就尝试Google一下教程。这里看到了方丈先生的文章VueElement使用icon图标(第三方)，按照他的方法试着操作了一遍，成功引用了。但是
文章目录一、安装二、引入ElementUI三、ElementUI使用①ElementUI官网：②开发后台管理系统的常用标签③使用实例一、安装在终端输入cnpmielement-ui-S安装完毕后，可以在node_modules文件夹查找到element-ui文件夹二、引入ElementUI打开项目的main.js，添加以下代码即可importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)三、ElementUI使用①ElementUI官网：https://element
最近看element-plus文档的时候发现了组件可以自动导入，详情见这里，使用的是unplugin-vue-components和unplugin-auto-import。其实element-ui也是支持的，unplugin-vue-components的文档有说明。对于element-ui，只是引入组件的话，还不需要引入unplugin-auto-import。一些提示方法，如Message，其实手动引一次也很方便。不过我在看unplugin-auto-import的文档的时候，发现了一些有趣的东西：可以省略掉import，那Message这些不就也能自动引入了？项目中我是没这样搞，这只是
1、自定义布局 查阅elementui的头像上传功能，发现是点击头像位置才可以上传，那我们可不可以点击头像外部的按钮来上传头像呢？elementui效果图： 目标效果： 在实现之前要明白elementui里面代码的含义：//el-upload是用来控制图片上传，里面有相关属性。//img的是存放上传图片位置的地方 当我们明白每个标签的含义之后，我们就可以通过调整img标签的位置来达到自己的目标效果。下图为目标效果图的代码：html+css布局//把存放头像单独拿出来，放到一个div中，通过c
1、自定义布局 查阅elementui的头像上传功能，发现是点击头像位置才可以上传，那我们可不可以点击头像外部的按钮来上传头像呢？elementui效果图： 目标效果： 在实现之前要明白elementui里面代码的含义：//el-upload是用来控制图片上传，里面有相关属性。//img的是存放上传图片位置的地方 当我们明白每个标签的含义之后，我们就可以通过调整img标签的位置来达到自己的目标效果。下图为目标效果图的代码：html+css布局//把存放头像单独拿出来，放到一个div中，通过c
我首先要说的是，不会就不要乱写嘛，让我又浪费两小时去思考调试及查百度。中:data="packData"是错误的，有些博客就是这么写的。这样写就ok上面错误的写法，浏览器控制会报Propertyormethod"packData"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper 大概意思就是没定义初始化，但是我已经给他初始化了，
我首先要说的是，不会就不要乱写嘛，让我又浪费两小时去思考调试及查百度。中:data="packData"是错误的，有些博客就是这么写的。这样写就ok上面错误的写法，浏览器控制会报Propertyormethod"packData"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper 大概意思就是没定义初始化，但是我已经给他初始化了，
本文章记录自己学习所出现的bug，新人一枚。一、资源文件引用用到thymeleaf所以要用th：href，----主页当然：href也是可以用的不过要将其中内容处理成字符串th:include的使用-----th:fragment：布局标签，定义一个代码片段，方便其它地方引用 th:include：布局标签，替换内容到引入的文件 />th:replace ：布局标签，替换整个标签到引入的文件 th:insert：布局标签，保留自己的主标签，保留替换内容的主标签 例如引入公共css：引入页面： 被引入页面： 二、对于这种前后端不分离的又同时使用vue和额element的错误整理，
vue-element-admin动态菜单（后台获取），此教程面向纯小白攻略，不要嫌我啰嗦，翻到自己需要的地方即可前提vue-element-admin官网：vue-element-admin(gitee.io)vue-element-admin页面展示：vue-element-adminVueElementAdminvue-element-admin下载：PanJiaChen/vue-element-admin安装依赖报错解决方案：vue-element-admin项目安装依赖报错首先我们拿到项目，得了解一下目录结构他是通过src->router->index.js，根据路由来进行页面的跳转
最终效果一、前言Wocwin-Admin，是基于Vue3.2、TypeScript、Vite、Pinia、Element-Plus、Qiankun(微前端)开源的一套后台管理模板；同时集成了微前端qiankun也可以当做一个子应用。项目中组件页面使用了Element-plus二次封装t-ui-plus组件，后期会持续追加权限菜单、按钮管理、微前端配置、还需接入Mock数据实现接口调用模式（目前都是静态JSON数据）。二、在线预览Link：https://wocwin.github.io/wocwin-admin/三、项目功能使用Vue3.2+TypeScript开发，单文件使用setup语法糖
