问题背景 jeecgboot 二开过程中, vue3项目中编写了自定义页面且引入了 element-plus 依赖,开发过程中没有遇到任何问题,但是使用 yarn build 时会出现如下错误. error during build: Error: The service was stopped 阅读红色报错部分可以推测是出是 esbuild 崩溃了,起初笔者认为是 esbuild 自身出现了问题, 所以干脆进行了 esbuild 的重新安装, 但是报错依旧无法修复. 干脆删除了

前段时间了解了一下vue-element-admin，按着官网搭建了一下，踩了不少坑，有时间就记录下来，方便以后用到了可以在看看。 下面我讲的是用git克隆的方法，当然你也可以直接在github上下载。 vue-element-admin 一、搭建项目的前提条件 1.克隆vue-element-admin需要用到git,如果没有安装git,命令会报错        (1）git下载地址：下载地址，下载比较慢      （2）下载完后直接下一步下一步安装即可      （3）安装完成

之前还说过将图片转base64码后上传，感兴趣的小伙伴可以移步 Vue使用Element-ui表单发送数据和多张图片到后端_vv-柠檬茶的博客-CSDN博客 这里用MySQL数据库来存储图片路径，存储图片路径有两种方法， 第一种是直接在表中字段存储多张图片的路径，通过特殊符号加以区别，例如图片1地址/图片2地址/图片3地址，取出来的时候通过字符串的split（）方法进行分割 第二种是新建一个表，表中存储图片地址和商品id，一个商品id对应多个图片路径即可 我这里用的是第一种 步骤：

插件下载 （命令行方式）： vue2用npm install element-ui --save vue3用npm install element-plus --save 还有一种下载方式，是在vue ui界面，插件那里安装下载(vue3不建议！！）   第二步，也很关键！main.js里要有这三句 // 导入element-plus import ElementPlus from 'element-plus' import 'element-plus/dist/inde

官方解释：一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 watch，遍历 watch 对象的每一个 属性。 示例： <template> <el-card class="box-card"><el-input v-model="name" style="width: 30%;"></el-input></el-card> </t

写在前面： 我特别喜欢收集前端好看的特效代码，前端好用的网站。今天给大家分享出来，如果觉得有帮助可以点赞收藏支持一下，如果能关注一下就再好不过了ヾ(≧▽≦*)o，之后还会分享许多干货，话不多说，上动图： 目录 🍓1.动态菜单 🍇2.会动的龙卷风 🍒3.围绕太阳转圈圈 🍊4.更多动态特效 非新手可以跳过 考虑到看此文章的小伙伴有一些是新手。 先来一个简介： 前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScrip

elementui的表格自带选择项；但是有个需求是：全选按钮和下面的复选框不联动，也就是勾了全选按钮后，下面的复选框不会全部勾上； elementui中提供了自定义表头： <el-table-column align="center" width="80"> <template slot="header" slot-scope="scope"> <el-checkbox-group v-model="checkList1" @change="chang

el-tabs(标签栏)的入门学习 适用场景 与导航栏相似，项目中常见的是点击某个导航栏，主页面（el-main）模块的最上方会显示我们的标签栏集合，点击不同的导航栏，标签栏会在不断追加，若点击到标签集合中已存在，就进入选中指定的标签栏，显示页面 知识点 el-tabs嵌套el-tab-pane使用 el-tabs的v-model对应el-tab-pane的name el-tabs的type可以指定为card,border-card el-tab-pane的label

table表格可新增、多项删除行、点击浏览树形结构、input框绑定、下拉框选择功能 下面是功能演示视频： table表格演示 后面会把完整的demo代码附上，有需要的可跳过前面直接到后面复制代码。 （部分思路在网上搜的，是很多方法的集合，看到一个写得很好的博客但是我在历史记录里没找到，于是乎我自己写完项目后又重新写了个小demo，归纳一下为了日后我自己能回顾，如若能帮到部分人是我的荣幸，若是哪里有错误的地方请及时指正，我会第一时间测试修改的，避免误认子弟） 思路：

最初的对不齐问题如下图： 给列增加width和min-width解决了问题。 后来发现有滚动条时，依然错位。 找了很多种解决方案（以下链接是找的所有解决方案链接），都没有解决问题 vue-elementui 因滚动条引发的table错位问题 - 脆 - 博客园 element 表格出现滚动条时，出现错位问题 - 灰信网（软件开发博客聚合） element-ui中的表格el-table滚动条样式修改 el-table表头根据内容自适应完美解决表头错位和固定列错位_

前言 在使用element-ui的el-table表格的过程中，会发现，虽然框架的表格很好用很方便，emmmm，确实很好用，但是有一些烦人的甲方却不想要，table的浮现效果，特别是，单独给单元格设置了背景颜色之后，这个hover状态会覆盖掉自定义的单元格的背景颜色，是不是很烦人，是不是很抓狂，我也是从网上搜罗了一大串的解决方法，这边就一一做一下总结。 方法一 ------覆盖css样式 使用css覆盖的方法，修改掉他默认的hover状态的颜色。例如： .el-table

前言： 后台系统现在基本都要有tagsview标签这个功能了，很多人是看网上的模板vue-element-admin内的tagsview。我也看了网上的很多资料和这个模板，但是很可惜，我是个小白，看了半天没看懂，也不知道如何复制，如何修改。所以我只能自己慢慢写一个这个功能，通过两天时间不断试错尝试，总算是写出来了功能。我相信不只有我一个人看不懂，那我就写个详细的攻略给你们看看吧，希望帮助更多的小白少掉点头发。如果看完还是不懂的可以评论问我。 效果图 基于 实现基于：vue el