草庐IT

element-admin

全部标签

element-ui ,el-upload 文件上传必选项校验

虽然是一个比较小的问题,但是总结一下,当时用的时候网上查了很多,但是没什么卵用,实现不了,谨以此篇记录自己的代码将文件拖到此处,或点击上传只允许上传Excel格式文件取消确定import{baseURL}from'@/config'exportdefault{name:'ImportTeacher',data(){constvalidateLogo=(rule,value,callback)=>{if(this.form.file.length==0){callback(newError('请先上传文件'))}else{callback()}}return{form:{file:[],},ru

Element-ui关于el-icon无法正常显示的问题(已解决)

在使用element-ui组件库的时候,使用自带的图标不显示,查了好多篇博客,都说是element-ui的版本老了,在package.json中修改版本重新安装就行,但是我的情况不是这样。最后解决看了这篇博客:https://blog.csdn.net/weixin_44835957/article/details/115009973要在main.js文件中引入图标的样式文件:

Element-ui中el-tabs的下划线样式微调

1.页面加载周期结束之后调用方法        mounted:function(){this.handleClick()},2.写这个方法handleClick(){this.resetActivePosition(this.$refs.tabs.$el)},resetActivePosition($el){//tabs的样式修改this.$nextTick(()=>{constactiveEl=$el.querySelector('.el-tabs__item.is-active');constlineEl=$el.querySelector('.el-tabs__active-bar')

arrays - 去 : how to Assign all elements in 2 by 2 array of variable size?

我在使用GO使用文本文件中的矩阵填充二维数组时遇到问题。我遇到的主要问题是创建一个二维数组,因为我必须计算数组的维度,而GO似乎不接受数组维度中的VAR:nb_lines=numberoflineofthearraynb_col=numberofcolumnsofthearray//readmatrixfromfilewhole_file,_:=ioutil.ReadFile("test2.txt")//geteachlineofthefileintab_whole_filetab_whole_file:=strings.Split(string(whole_file),"\n")//

arrays - 去 : how to Assign all elements in 2 by 2 array of variable size?

我在使用GO使用文本文件中的矩阵填充二维数组时遇到问题。我遇到的主要问题是创建一个二维数组,因为我必须计算数组的维度,而GO似乎不接受数组维度中的VAR:nb_lines=numberoflineofthearraynb_col=numberofcolumnsofthearray//readmatrixfromfilewhole_file,_:=ioutil.ReadFile("test2.txt")//geteachlineofthefileintab_whole_filetab_whole_file:=strings.Split(string(whole_file),"\n")//

Element UI中的Descriptions描述列表

使用html做一个简单的展示页面,包含Descriptions描述列表Descriptions官方文档基础用法kooriookami18100000000苏州市学校江苏省苏州市吴中区吴中大道1188号完整代码:Document12007-11-012007-11-01张三OneDayday张二state12022.10.1812:122022.10.1812:222022.10.1812:122022.10.1812:22WQ/89——a20华为技术有限公司2007.10.1812:22天机8100,120w12022.10.1812:122022.10.1812:222022.10.1812

element-ui dialog遮罩层在最上层,关掉dialog遮罩层还在

代码中使用了dialog,dialog中点击某个按钮,又嵌套了一个dialog。导致最外层的dialog出现后一直被遮罩层遮住,点击确定关掉dialog遮罩层还在。element-ui的dialog组件有这几个参数: 其中,append-to-body嵌套的dialog必须指定为true加上后,遮罩层不再遮挡上层 

element ui实现动态侧边菜单栏以及页面布局

一、实现效果这里以学生成绩管理系统为例,整体布局以及实现效果如下所示: 二、整体布局 整体布局采用elementui中Container布局容器组件实现,如下所示。 整个页面布局页面为main.vue,其中左侧菜单栏部分被封装为一个组件( MenuTree),菜单部分使用elementui中Menu菜单组件来实现,其中el-menu当中参数unique-opened为只允许一个展开,参数default-active为默认激活菜单的index,参数router为在激活导航时以index作为path进行路由跳转,具体代码如下: 学生成绩管理系统

vue后台项目左侧菜单栏配合element-ui中tag标签实现多标签页导航栏

效果图第一步:设置左侧菜单栏左侧菜单栏,左侧菜单我这边自定义写死的数据。分为有子菜单和没子菜单等情况,我用到的只有俩种,没有三级菜单。HTML部分{{item.label}}{{item.label}}{{subItem.label}}自定义的数据JS部分//封装的左侧导航菜单自定义的数据,引入的就是上面图片中的importnavmenufrom"./navmenu.js";exportdefault{//计算属性computed:{//没有子菜单noChildren(){returnthis.menu.filter((item)=>!item.children);//filter()创建一个

【Vue】Element Plus和Element UI中插槽使用

文章目录前言一、两者的区别二、组件库三、具体讲解总结前言今天和大家讲一下ElementPlus和ElementUI这两个组件库中表格的插槽使用方法,一般情况下vue2使用ElementUI这个组件库,表格组件的插槽的话一般都是使用v-slot,而vue3使用ElementPlus组件库,表格组件中插槽一般为#default,下面就来讲一下这两个。一、两者的区别ElementPlus和ElementUI都是基于Vue.js的UI组件库,其中表格组件都提供了插槽(slot)来自定义表格的内容。但是,ElementPlus和ElementUI中表格插槽的区别如下:表格头部插槽在ElementUI中,