el

2024-10-01免费分享一套SpringBoot+Vue在线拍卖系统【论文+源码+SQL脚本+PPT】，帅呆了~~
大家好，我是java1234_小锋老师，看到一个不错的SpringBoot+Vue在线拍卖系统，分享下哈。项目视频演示【免费】Springboot+Vue在线拍卖系统Java毕业设计_哔哩哔哩_bilibili项目介绍随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统
2024-10-01祝祖国母亲生日快乐-HTML+CSS实现五星红旗
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title>
2024-09-30element-ui 监听原生事件需要加.native
element-ui监听键盘事件需要加native,例如el-input上监听enter键,需要这么写：<el-inputplaceholder="请输入"v-model="select_word1"clearable:style="'width:190px'"@keyup.enter.native=&quo
2024-09-30vue3滚动条无法监测滚动高度问题
第一个是根组件第二个是子组件第三个是滚动复用组件<el-scrollbarref="scroll"style="height:100%"@scroll="handleScroll">在滚动复用组件中想要监测滚动的高度变化，一开始没有使用el-scrollbar组件而是直接使用原生的格式导致如图所示滚动条与文
2024-09-29vue2 自定义empty指令
主要思路定义一个echarts图标，数据为空，image采用base64编码图标宽高根据父宽高自适应渲染echarts函数，切换清除图例定义暂无数据指令定义option/***暂无数据*@param{number}width*@param{number}height*@returnsoption*/functionemptyChartOptionFn(w
2024-09-29ElementUI中实现el-table表格列宽自适应,列根据内容自动撑满,内容不换行
一、概述在表格宽度固定时，实现内容不换行，表格自动显示滚动条当前显示效果：期望实现效果：二、实现思路遍历表格数组，每次都构建一个隐藏的span元素，获取该元素的宽度，对比保存最大值代码如下：/***表格列宽自适应*@paramprop属性*@paramrecords数据*@paramm
2024-09-28【Vue】Vue2（1）
文章目录1初识Vue2Vue模板语法3数据绑定4el与data的两种写法5MVVM模型1初识Vue<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>初识Vue</title>  <scripttype="text/jav
2024-09-27【计算机毕设教程】基于springboot+vue的农产品溯源系统 | 仓库管理系统 | 进销存系统 ——前端篇
【计算机毕设教程】基于springboot+vue的农产品溯源系统|仓库管理系统|进销存系统——前端篇系统演示02.系统功能&业务演示戳我查看页面解析以采购管理功能为例，这样的一个基本的管理功能页面我们可以将他分为三部分，最顶层为功能介绍区，紧接着是用户搜索
2024-09-27RuoYi-App根据不同角色权限实现功能按钮显隐
文章目录需求代码实现注意上代码（不适应小程序）1、查询后台角色权限，并保存到缓存2、获取缓存数据，用于权限比对3、自定义权限组件index.jshasPermi.jshasRole.js4、引入自定义功能组件上代码（适应多端）1、查询后台角色权限，并保存到缓存2、获取缓存数据，用于权限比对3、定义
2024-09-27el-table封装
<template><div:class="['md-table',noPadding?'no-padding':'']":style="tableStyle"ref="refTable"v-resize="handleResize"><!--{{defultSelectRadioIndex}}
2024-09-27iView Table分页多选分页选中回显
iView的Table组件前端在多选时如果点击下一页则丢失了上一页Table的多选数据（由于采用的后端分页，每次翻页会直接刷新为新数据）定义变量loading:false,columnsData:[],//表格表头talbeData:[],//表格数据params:{total:0,pa
2024-09-26VUE2 使用 el-upload 实现单文件上传、删除、预览（上传后隐藏上传图片按钮）
实现后效果展示：上传前：上传后：注意点：on-change事件不要与on-success事件同时使用Demo：<template><div><el-uploadlist-type="picture-card"accept="image/*":file-list="fileList":action="uploadIma
2024-09-25el-input只能输入某某格式
1.只能输入数字<el-inputv-model="rowForm.carriage"@input="value=>rowForm.carriage=Number(value.replace(/[^\d]/g,''))"/>2. 输入数字和小数点@input="rowForm.carriage=rowForm.carriage.replace(/[^\d
2024-09-24vue自定义指令实现打字效果
实现如通义灵码官网关于代码片段中，当鼠标hover上代码上时，出现打字效果，示例地址：https://tongyi.aliyun.com/lingma?spm=5176.28508143.J_ahRFo5CaAe_asSOaCgS4J.14.5421154auHz4xJ&scm=20140722.M_185502201.P_131.MO_2276-ID_10360025-MID_10360025-CID_31292-ST_10352-V_1通过vu
2024-09-24Element UI控件el-scrollbar定位布局
ElementUI控件el-scrollbar定位布局基本概念与作用常见应用场景示例一：基本用法示例二：自定义滚动条样式示例三：嵌套滚动条示例四：监听滚动事件示例五：滚动到特定位置实际开发中的使用技巧ElementUI是一款基于Vue2.x的桌面端组件库，它提供了丰富的组件来帮助开发者
2024-09-24【Vue】修改登录页的用户密码输入框
一、需求场景当前输入框样式采用element-ui默认表单项样式需要改造成UI设计的效果二、实现方式我找了公司之前的项目，发现他们用HTML原生的input标签实现的，需要给原生标签写样式那现在的这个项目是直接用el-input做的，我觉得再用之前项目的实现方式不太理想所以看看能
2024-09-24el-form封装
<template><el-formref="elform":model="formData":inline="inline":label-width="formLabelWidth":size="size"v-bind="$attrs":rules="rules"
2024-09-23【已解决】ElementPlus 的 el-menu 组件如何用 js 控制展开某个子菜单，并在其他组件中控制使用呢？
文章目录需求几次探索官网寻找线索（解决办法）需求我如何用代码来实现ElementPlus的菜单的展开和收缩呢？几次探索尝试通过找到节点之后，使用click事件，失败了//伪代码如下consthandleFindNodeAndClick=()=>{console.log('handleFindNodeAndClick');
2024-09-23谷歌浏览器，记住密码后，账户和用户名自动填充了
解决办法：给el-input加上readonly,foucus时设置为false.参考文章地址：https://blog.csdn.net/yolo3712/article/details/135388592本文介绍了解决在新增用户时，由于浏览器记住密码导致输入框自动填充账号密码问题的方法，通过使用Vue的el-input组件的readonly属性，并配合鼠标聚焦事件
2024-09-23el-input type='index' 输入非负数或保留一位小数的数字
/^(0|[1-9]\d*)$/匹配非负整数^表示字符串的开始。0：匹配单个零。[1-9]\d*：匹配以1到9开头的数字，后面可以跟任意数量的数字（包括零）。$表示字符串的结束。/[^0-9]/g匹配任何非数字字符^在方括号内表示取反，意味着匹配不在指定范围内的字符0-9表示所有数字字符（从0到9）g是一
2024-09-20el-cascader 级联选择器选中范围扩大方式
遇到的问题：el-cascader打开的选择框只能点击圆点才能被选中，点击文字并不能选中通过组件库配置项popper-class来实现class上面写样式：注意不能是scoped的样式隔离，<stylerel="stylesheet/scss"lang="scss">.cascaderCla{color:red;&.el-radio{
2024-09-19Element UI 表格组件 el-table，给复选框增加悬浮提示
<el-tableref="multipleTable":data="tableData"tooltip-effect="dark"max-height="589"style="width:100%;margin-bottom:24px"v-if="act
2024-09-19el-tabs 搭配 el-badge微章使用
实现效果实现: <el-tabsv-model="activeName"class="demo-tabs"@tab-click="handleClick"><el-tab-panelabel="审批中"name="inProcess"><InProcess/></el-tab-pane&
2024-09-19element-plus 如何修改el-table 滚动条高度，el-table滚动条放置在表格外面
先上效果图：实现方式，自定义全局的element样式如下：/***表格滚动条*///横向滚动条高度$scrollbarheight:15px;.el-scrollbar{//偏移.el-scrollbar__bar{bottom:1px;}//高度.el-scrollbar__bar.is-horizontal{height:$scrollbarheight;
2024-09-19vue3自定义指令，全局注册
1这是directive.js注册的的importtype{Directive,DirectiveBinding}from"vue";importuseUserStorefrom"@/stores/user";import{createPinia}from"pinia";constuserStore=useUserStore(createPinia());//buttonList:["