草庐IT

Last_Element

全部标签

【Vue】Vue 使用 Print.js 打印选中区域的html,用到的是Element ui table表格,解决页面样式不出现或者table表格样式错乱问题!!!

步骤1.下载Print.js插件npminstallprint-js--save2.main.js文件中导入Print.js插件importprintfrom'print-js'页面使用需求:打击打印按钮,文字内容以及表格中的内容vuePrint.js打印页面样式不出现解决方案加上这句就好了!完美!tips特别注意:打印问题总结一、因为表格数据过多,之前加了表格滚动条,但是打印出来会把表格上的滚动条也打印出来,所以这里改成了给弹框加滚动条,去掉表格中的滚动条二、表格的列缺失(element-uitable组件)2.1原因:table-layout:fixed导致的,出现部分列没有被打印让表ta

vue学习笔记-关于element ui 安装失败的问题解决

今天学习vue时,对elementui进行安装,运行npminstallelement-ui-S命令,出现报错:npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Whileresolving:el-project@0.1.0npmERR!Found:vue@3.2.33npmERR!node_modules/vuenpmERR!vue@"^3.2.13"fromtherootprojectnpmERR!npmERR!Couldnotresolvedependency:npmERR!peerv

关于element-ui表格 鼠标悬停背景颜色修改问题

element-ui鼠标悬停时行背景色默认为白色,当表格字体为白色时容易看不到文字,因此需要修改鼠标悬停时的背景色。html使用el-table后,在css样式中添加以下代码即可修改鼠标悬停后的背景色。(未使用scss和less).el-table--enable-row-hover.el-table__bodytr:hover>td{background-color:#6495ED!important;}同时补充鼠标点击后行高亮颜色修改,需要在el-table标签内添加highlight-current-row开启高亮。随后在css中添加以下代码进行修改。.current-row>td{ba

Element-UI日期选择器el-date-picker给指定日期添加红点标注

一、需求背景        今天在项目开发中有一个需求,要求日期选择器中,指定的日期显示标注,标识该日期有待处理的内容。二、技术选型        查阅资料后我们得知,ElementUI在2.12.0版本里,日期选择器的picker-options新增了cellClassName方法,那么我们就来看一下如何实现。 三、代码data(){constthat=thisreturn{date:'',badgeDate:['2023-01-01','2023-01-11','2023-01-15'],pickerOptions:{cellClassName:(time)=>{if(that.badge

arrays - 高语 : How to delete an element from a 2D slice?

我最近一直在研究Go,我想看看从二维slice中删除一个元素会怎样。为了从一维slice中删除一个元素,我可以成功地使用:data=append(data[:i],data[i+1:]...)但是,对于二维slice,使用:data=append(data[i][:j],data[i][j+1:]...)抛出错误:cannotuseappend(data[i][:j],data[i][j+1:]...)(type[]string)astype[][]stringinassignment解决这个问题需要不同的方法吗? 最佳答案 Go中

arrays - 高语 : How to delete an element from a 2D slice?

我最近一直在研究Go,我想看看从二维slice中删除一个元素会怎样。为了从一维slice中删除一个元素,我可以成功地使用:data=append(data[:i],data[i+1:]...)但是,对于二维slice,使用:data=append(data[i][:j],data[i][j+1:]...)抛出错误:cannotuseappend(data[i][:j],data[i][j+1:]...)(type[]string)astype[][]stringinassignment解决这个问题需要不同的方法吗? 最佳答案 Go中

使用vuedraggable图片拖拽排序并支持element-ui 图片上传upload

下载插件npminstallvuedraggable引入插件importdraggablefrom'vuedraggable';//拖动插件注册组件components:{draggable}使用~~~内容~~~事例该事例配合element-ui的el-upload使用vuedraggable组件要自己重写上传图片之后的样式,那样子才能使图片移动例子样式主要使用el-upload的样式,并对其做了简单的修改笔者还在移动图片的基础上添加了移动图片的文字信息,不需要的可自行删除设置 :show-file-list="false" 不显示el-upload的图片列表//文字信息{{item.name

修改element-ui中的表格el-table的滚动条样式

一.单独修改element-ui中的表格el-table的滚动条样式(两种方法)1..el-table__body-wrapper{background-color:#ddd;}.el-table__body-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important;}2.//滚动条的宽度/deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;//横向滚动条height:8px;//纵向滚动条必写}//滚动条的滑块/deep/.el-table__body

基于对Element UI的表单验证

文章目录🐒个人主页🏅JavaEE系列专栏📖前言:🪀从以下源码中介绍:🎀这里是官网源码🐒个人主页🏅JavaEE系列专栏📖前言:本篇博客主要以介绍基于对ElementUI的表单验证,介绍elementui官网里的代码对应关系🪀从以下源码中介绍:首先:ruleForm这个ruleForm是数据渲染的对象,它的作用是将表单的数据与ruleForm:{pass:‘’,checkPass:‘’,age:‘’}动态绑定第二个::rules=“rules”–是对验证规则的,它的键与标签的属性prop="name"相对应第三个:ref=“ruleForm”–通过这个来引用这个表单,判断是否rules中的要求是否

从0开始搭建一个vue3+vite+ts+pinia+element-plus的项目

前言:vue3+ts+vite大家已经都开始用了,最近也在学习,基本上是零基础开始ts的学习,很多语法知识是边写边查,没有系统的学习ts。此处展示从零开始,搭建的一个框架,方便拿来即用!1.初始化一个vite项目npmcreatevite@latest其中框架选择vue,语言选择typeScript2.启动项目npminstallnpmrundev项目启动成功以后如下所示:3.修改目录为了方便日常工作中的框架使用,在此处对刚初始化好的框架进行改造,在原有框架的基础上,添加store,router,layout,utils,views等文件夹,其中的作用将在后面进行说明。如图所示:4.配置rou