E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
element-Ui
【css
element-ui
】el-checkbox样式
/*黑白配色多选框*//*前面框框*/.scdj_black_check.el-checkbox__input{border:2pxsolidblack!important;margin:6px0;}/*被选中状态下前面框框*/.scdj_black_check.el-checkbox__input.is-checked.el-checkbox__input{border:2pxsolidblac
米老鼠的摩托车日记
·
2024-01-24 11:58
CSS样式
css
前端
javascript
Element-UI
:el-table 表头筛选
前言需求:根据表头筛选表格符合条件的数据最终实现效果:情况一:表格没有分页html部分:在列中设置filters和filter-method属性即可开启该列的筛选。filters是一个数组,filter-method是一个方法,它用于决定某些数据是否显示,会传入三个参数:value,row和column。{{scope.row.UploadStatus==1?'修改':'新增'}}js部分:fil
对,我
·
2024-01-24 08:54
javascript
前端
vue.js
解决el-select数据量过大导致页面卡顿
解决方案:importVuefrom"vue";Vue.directive('el-select-loadmore',{bind(el,binding){letself=this//获取
element-ui
胡乱分享
·
2024-01-24 08:54
javascript
vue.js
elementui
element-ui
分页组件修改当前页current-page,分页组件显示current-page不刷新问题
1.当正常在methods方法中修改current-page后,视图上还是没改变:current-page.sync="current"增加一个.sync这样会生效2.mounted中修改current-page后,视图上还是没改变//视图不更新情况mounted(){this.currentPage=2}比如:image.png不能自动变为:image.png解决办法是添加唯一key强制组件刷新
rick_zhu
·
2024-01-24 07:54
封装axios对拦截器配置
importaxiosfrom'axios'import{Message}from'
element-ui
'importstorefrom'@/store'importrouterfrom'@/router
独爱那杯cc
·
2024-01-24 06:45
javascript
vue.js
前端
vue 请求拦截器响应拦截器添加Loading... 工具函数
import{Loading}from"
element-ui
";letloadingfunctionstartLoading(){loading=Loading.service({lock:true,text
前端方程程
·
2024-01-24 06:03
vue项目全局拦截axios请求并挂载loading
在vue项目中的main.js进行全局的操作.1.从elementui中引入loadingimport{Loading}from'
element-ui
';//项目已经全局引入element的话可以不单独引入
TVM
·
2024-01-24 06:32
javascript
element-ui
VUE
vue
vue axios 请求拦截和响应式拦截
在这里可以对响应统一做处理importaxiosfrom'axios'importrouterfrom'@/router'import{MessageBox,Message,Loading}from'
element-ui
'importstorefrom
爱怪笑的小杰杰
·
2024-01-24 06:31
vue.js
前端
javascript
改element 主题颜色
sass创建element-variables.scss(名字自定义)/*改变主题色变量*/$--color-primary:red;/*改变icon字体路径变量,必需*/$--font-path:'~
element-ui
简小咖
·
2024-01-24 01:42
使用
Element-UI
之乱码问题
问题描述dart-sass编译后:content属性异常页面上乱码图片正确编译的16进制码问题解决解决方法1(不考虑新版的
element-ui
,不需要部分新的组件):若使用的
element-ui
版本中未使用
Ordinary_zz
·
2024-01-23 21:18
element-ui
日期选择组件
el-date-picker组件的引入@change:为组件绑定选择日期确定之后的事件v-model:数据绑定,日期存在这里,例如(2019-01-02~2019-03-15),但是数据绑定仅仅是作为显示作用,真正的数据可以通过change事件来获得type:选择器的样式,daterange同时出现两个月份:start-placeholder:绑定第一个选择器的默认提示语言仅仅是没有选择的时候提示
冬天的_太阳
·
2024-01-23 21:16
element-ui
el-table中根据按钮的多少来计算操作栏的宽度
columnWidth.jsexportdefault{data(){return{minWidth:100}},watch:{minWidth(){this.setWidth()}},methods:{setWidth(){if(this.headerData){this.$set(this.headerData[this.headerData.length-1],'width',this.mi
有蝉
·
2024-01-23 19:42
vue+element-ui
ui
vue.js
javascript
Element组件完整引入、按需引入、样式修改(全局、局部)、简单安装less以及npm命令证书过期等
lessscss等直接使用```::v-deep```2.只能用在原生CSS语法中:```/deep/```或者```>>>```五、拓展:npm安装less报错,提示证书过期六、拓展:Vue项目中配置
Element-ui
小白_ysf
·
2024-01-23 14:24
Element
less
npm
前端
elementui
vue.js
vue2.0
element-ui
中的el-select选择器无法显示选中的内容
我使用的是element-uiV2.2.3。代码如下,当我选择值得时候,el-select选择器无法显示选中的内容,但是能触发change方法,并且能输出选择的值。select.vue文件importaxiosfrom'axios';exportdefault{data(){return{groupItem:{},formData:{},rows:'',cols:''}},watch:{},met
前端老码农
·
2024-01-23 05:22
前端
element-ui
select
el-select
选择器
无法显示内容
Element-ui
中el-select选择器实现输入和搜索,可显示输入值的详细讲解
一、问题在使用el-select选择器中,遇到了如下问题点击下方下拉框里面的值,才能进行值得显示,但是当你输入一个匹配不上的数据时,等这个in-put失去焦点时,就会把值清空,不会值的完成绑定。如下图失去焦点后二、解决问题的办法参照官网解释强制刷新即可赋值完成
天道酬勤_smile
·
2024-01-23 05:50
vue.js
javascript
前端
elementui
vue
element-ui
中的el-select选择器无法显示选中的内容
深入响应式原理—Vue.js检测变化的注意事项由于JavaScript的限制,Vue不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。对于对象Vue无法检测property的添加或移除。由于Vue会在初始化实例时对property执行getter/setter转化,所以property必须在data对象上存在才能让Vue将它转换为响应式的。例如:varvm=ne
qq_42440919
·
2024-01-23 05:49
vue.js
前端
element-ui
中的el-select选择器无法显示选中内容的问题
element-ui
中的el-select选择器无法显示选中内容的问题解决问题的文章:解决
element-ui
中的el-select选择器无法显示选中内容的问题_一条代码鱼的博客-CSDN博客_select
BensonLam
·
2024-01-23 05:13
elementui
vue.js
elementui
解决
element-ui
中的el-select选择器无法显示选中内容的问题
问题描述:排查方法:检查数据控制台是否报错,无报错检查change是否触发,会触发最后开始百度,查看文档官方文档有这么一段话,就是属性一定要挂载到data上,不然无法检测。最后解决:排查到我的form表单,在定义表单属性的时候,没有在data中定义该字段。总结:要更新,一定检查你的字段是否在data对象上
浮生小二
·
2024-01-23 05:10
问题解决
vue.js
前端
javascript
vue中使用highlight.js 高亮代码块
项目环境近期在做旧项目的重构,在搭建新项目的时候使用了Vue+Typescript,在前期的准备工作时,想做一套针对于公司的ui组件库,
element-ui
很好,但是个人喜欢花里胡哨。
蓝海00
·
2024-01-23 03:28
Element-ui
自定义表格头部-添加筛选条件
1.引用el-table-column属性render-header2.在表格配置中自定义该方法3.实现自定义需求//自定义某列表头为时间搜索renderDate(h,{column}){returnh('el-date-picker',{props:{value:this.selectTime,type:'date',placeholder:'请选择排班时间',valueFormat:'yyyy
F-125
·
2024-01-23 01:46
随笔
Vue
vue.js
elementui
前端
Vue项目整合
Element-ui
Vue项目:新建Vue项目选择项都选择默认就行,最后新项目目录如下图所示:新Vue项目目录点击上图中红色框选出的"Terminal"打开终端执行“npminstalelement-ui--save”将
Element-UI
9dce49ca02a4
·
2024-01-22 22:20
使用elementDialog 对话框嵌套问题
element-ui
内嵌套dailog需要添加属性append-to-body(否则body有一层蒙层)。
七个隆咚锵
·
2024-01-22 18:34
解决
element-ui
el-menu跳转,导航不高亮或没有选中问题
场景:使用elementuiNavMenu导航菜单,跳转到子页面,导航不高亮解决方案1、使用default-active绑定计算属性2、使用vue-router的模式,启用该模式会在激活导航时以index作为path进行路由跳转image.png3、计算属性image.pngcomputed:{activeIndex(){const{name}=this.$route;switch(name){c
jia林
·
2024-01-22 16:33
基于SpringBoot+Vue养老院管理系统设计与实现
文末获取源码开发语言:Java使用框架:springboot前端技术:Vue、css、
element-ui
开发工具:IDEA/MyEclipse/Eclipse、VisualStudioCode数据库:
一季春秋
·
2024-01-22 10:43
毕业设计
课程设计
Java毕业设计实战案例
spring
boot
vue.js
后端
毕业设计
java
养老院管理系统
【GitHub项目推荐-开源的任务管理工具】【转载】
该开源项目使用到Vue、
Element-UI
、ECharts等技术栈。
旅之灵夫
·
2024-01-22 06:34
GitHub项目推荐
github
VUE
element-ui
之el-tree树形控件获取最后一级节点(无子节点的节点)
步骤:模板中定义ref定义方法centerResourceArr(){constresourceArr=this.$refs.tree.getCheckedNodes().filter(item=>{return!item.childrens})this.datas=resourceArr.map(vls=>{//此处为接口需要数据格式return{resourceId:vls.id,permis
赫兹/Herzz
·
2024-01-22 06:54
elementui
js语法
vue
vue.js
javascript
前端
VUE
element-ui
之table表格前端自动过滤(筛选),不调用数据接口筛选表格,方法
步骤:模板中定义:定义data数据:data(){return{detailrowtabledataslist:[{prop:'orderNumber',label:'订单编号',sortable:true,width:'120px',keynum:1,search:''},{prop:'selfNo',label:'自编号',width:'120px',keynum:1,search:''},{
赫兹/Herzz
·
2024-01-22 06:23
web前端
vue
js语法
vue.js
前端
javascript
VUE
element-ui
之输入框限制只能输入数字number类型及表单校验
步骤:表单中:trim:禁止输入空格取消确定定义数据:data(){return{form:{region:''},rules:{code:[{required:true,message:'请输入行政代码',trigger:'blur'}]}}},定义方法://行政代码失焦salaryChange(e){//失去焦点时将校验通过的值赋给input框console.log(`------------
赫兹/Herzz
·
2024-01-22 06:23
elementui
vue
js语法
vue.js
ui
javascript
VUE
element-ui
之上传身份证照片正反面详细代码
步骤:定义上传组件:身份证正面data(){retrun{imageUrlFront:''}}定义方法://文件发生变化时changePictureUploadIDFront(file,fileList){console.log(`------`,file)constisJPG=file.raw.type==='image/jpeg'constisPNG=file.raw.type==='imag
赫兹/Herzz
·
2024-01-22 06:23
elementui
js语法
vue
vue.js
elementui
javascript
element el-upload 一次上传单张/多张图片(多选)
文章目录前言一、单张图片的上传二、一次上传多张图片前言这是使用
element-ui
中的el-upload进行上传的,但是吧,预览是自定义的组件,所以多选会有些麻烦,因为file-list的参数,具体参考例子来讲吧一
???xixi
·
2024-01-22 04:58
vue
upload
element-ui
滚动条样式修改
elementui的滚动条样式很难看这是修改全局的滚动条样式可以添加一下代码/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar{width:8px;}//滚动条的滑块::-webkit-scrollbar-thumb{background-color:#eaecf1;border-radius:3px;}修改前的效果改后的效果修改后的样式比原来好看多了修改表格的
vue学习
·
2024-01-22 01:16
vue
element-ui
css
element-ui
table 改变一行的样式 row-style 失效问题
**需求:根据后端返回的颜色值改变table表格中每行的背景颜色**代码:tableRowStyle({row,rowIndex}){console.log(row.taskColor,"-->row.taskColor");letrowBackground={};if(row.taskColor){rowBackground.background=row.taskColor;}else{rowB
蓝胖子的多啦A梦
·
2024-01-22 00:50
element
javascript
vue.js
element-ui
中row-class-name和row-style使用的坑
官方的row-class-name使用示例如下,这个地方有个大坑,在style样式设置为scope也就是局部作用的时候会失效,必须将其去除,然而这样在组件中修改样式就会导致全局样式的变化,显然很不合理。tableRowClassName({row,rowIndex}){if(rowIndex===1){return'warning-row';}elseif(rowIndex===3){return
plan_ b
·
2024-01-22 00:19
element-ui杂项
封装request.js
前端一个项目可能需要调用多个后端服务,因此,前端设置多个拦截名,封装request.js,方便调用importaxiosfrom'axios'import{MessageBox,Message}from'
element-ui
'importstorefrom
Eleven....
·
2024-01-21 18:50
VUE
前端
vue.js
element-ui
样式修改
https://blog.csdn.net/weixin_43206949/article/details/84949814/deep/.class类名{写上你想要修改的属性}
理子
·
2024-01-21 17:34
如何修改
Element-ui
组件默认样式
在前端项目中会运用各种组件,有时组件的默认样式并不是你项目中所需要的,你需要更改样式,但修改样式并不成功,我这次也遇到相同问题并已解决,以下解决思路供大家参考。以下是这是引入element组件后的初始样式。image.png相关组件全部引入进来后,开始调相关样式。我需要的border-radius(圆角)效果更明显一点,渲染后发现框border-radius并不起作用。image.png经过一番查
web30
·
2024-01-21 09:23
vue按需引入
element-ui
怎么安装看
element-ui
官方文档按需引入第一步安装babel-plugin-componentnpminstallbabel-plugin-component-D第二步配置babel,修改babel.config.js
十年码农的觉醒
·
2024-01-21 08:14
el-table纯前端导出
[email protected]
下载jsimportFileSaverfrom'file-saver'importXLSXfrom'xlsx'import{Message}from'
element-ui
'exportdefault
爱学习的新一
·
2024-01-21 07:24
Vue-cli 项目中使用
Element-UI
组件库
第一步:在项目中安装
element-ui
组件npmielement-ui-S第二步:在main.js中引入element-uiimportVuefrom'vue';importElementUIfrom'
element-ui
THERAIN_
·
2024-01-21 05:41
一个vue-cli的项目中如何使用
element-ui
组件库
1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入importElementUIfrom'
element-ui
';import'
element-ui
疯狂的蜗牛Dianna
·
2024-01-21 03:00
element-ui
tree树形结构全选、取消全选,展开收起
控制树形结构全选、取消全选,展开收起折叠/展开全选清空exportdefault{methods:{//this.$refs.treetree是上面控件el-tree的ref属性的值allExpanded(){//展开还是收起this.expanded=!this.expanded;vartreeNodeList=this.$refs.tree.store._getAllNodes();for(v
阿Q--小黑
·
2024-01-21 01:50
vue
vue.js
前端
javascript
vue+ vue-i18n实现前端语言国际化
文件,然后在里面写如下代码importVuefrom"vue";//引入VueimportVueI18nfrom"vue-i18n";//引入国际化的包importElementLocalefrom'
element-ui
白小码
·
2024-01-21 01:45
项目实战
开发语言
javascript
vue.js
element-ui
手机端很小 自适应手机
只需要在头部加上这个就可以了
落雪无尘V
·
2024-01-20 22:46
vue3二次封装
element-ui
中的table组件
为什么要做这件事借助封装table组件的过程来巩固一下vue3相关知识点。组件有哪些配置项options:表格的配置项data:表格数据源elementLoadingText:加载文案elementLoadingSpinner:加载图标elementLoadingBackground:背景遮罩的颜色elementLoadingSvg:加载图标(svg)elementLoadingSvgViewBo
趁着年轻吃点苦
·
2024-01-20 22:11
ui
vue.js
elementui
解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
根据晚上说的降低版本匹配版本之后还是不行,各种版本都尝试了一遍,还是会出现下面这些问题:终于最后在这里得到了解决在webpack.renderer.config.js文件里面这一个变量数组里面加上这个即可:就是要加上’
element-ui
竹立荷塘
·
2024-01-20 14:41
electron
vue.js
electron
前端
element-ui
表单 form 回车 enter 触发查询,并禁止在输入框中按回车键会刷新页面
element-ui表单form回车enter触发查询在el-form上添加@keyup.enter.native="onQuery"2.vue+elementUI在输入框中按回车键会刷新页面2.1问题原因:参考
element-ui
竹立荷塘
·
2024-01-20 14:09
vue
vue
element
基于SpringBoot+Vue社区帮扶对象管理系统的设计与实现
文末获取联系开发语言:Java使用框架:springboot前端技术:Vue、css、
element-ui
、js开发工具:IDEA/MyEclipse/Eclipse、VisualStudioCode数据库
一季春秋
·
2024-01-20 13:21
毕业设计
Java毕业设计实战案例
课程设计
spring
boot
vue.js
后端
java
spring
社区帮扶对象管理系统
解决[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.(这里写自定义目录标题)报错
(这里写自定义目录标题)报错我们公司的vue项目使用
element-ui
组件,我用Progress组件的时候,报错。我在网上看,说是要加v-if,我也加了,还是报错。
Miss Stone
·
2024-01-20 07:15
js
vue
bug
element-ui
的选择实现上拉刷新和回显
**初始化回显凑一项在数组push进去//初始化添加数组initResourcePage(){returnresourcePage({...this.devArrForm}).then(res=>{const{result}=res.datathis.vppDevListArrLength=res.data.totallettempObj=result.find(item=>item.id===t
造糖主义
·
2024-01-19 16:42
vue
vue.js
前端
element-ui
上传组件el-upload- 编辑文件回显
上传文件回显文件数组uploadFileList不能使用uploadFileList[0]赋值,无法监听到文件的变化,要使用push等数组方法if(fileUrl){this.$nextTick(()=>{console.log('dsadasds',this.detailItem)this.uploadFileList.push({url:fileUrl,name:fileName})this.
造糖主义
·
2024-01-19 16:42
vue
vue.js
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他