草庐IT

package_el

全部标签

el-input设置背景色,改变样式

::v-deep.birthday.el-input__inner{background-color:yellow!important;color:red!important;}思路:在浏览器控制台的元素中发现el-input是两层,div里套了个input,直接在中设置颜色的话无法达到效果,查看发现el-input__inner才是真正input的那层,设置一个class名称来定位到此,style样式中用了scoped,在css样式中加上deep和important效果: 

docker环境安装软件、更换镜像源以及E: Unable to locate package xxx解决

docker环境安装vim、ifconfig、ping、更换镜像源以及E:Unabletolocatepackagevim一.E:Unabletolocatepackagevim问题解决一、问题分析二、解决方案三、再次安装四.此镜像源已失效二.解决“E:仓库xx没有Release文件。N:无法安全地用该源进行更新,所以默认禁用该源”报错原因:linux系统没有配置正确的镜像源解决办法:更换系统的镜像源步骤:(1)根据linux系统在XXX镜像网站选择正确的镜像源(2)复制镜像源(3)编辑/etc/apt/sources.list文件(需要使用sudo),在文件最前面添加复制的镜像源并保存(操作

package.json文件配置说明

package.json文件配置package.json文件是Node.js项目中的一个描述文件,执行npminit命令初始化项目后,在项目的根目录下自动生成该文件。package.json包含了项目的配置信息以及项目所需的各种模块,使用npminstall(简写:npmi)命令后会自动根据package.json下载所需的模块。注:在package.json中不能有注释否则会报错1.package.json常见属性说明name:名称{String}version:版本{String}private:{Boolean}设置为true,npm就不会发布成功。可以防止私有repositories不

element ui el-row标签中的gutter干嘛用的

在ElementUI的el-row标签中,gutter属性用于设置行内列之间的间距(空隙)。这个属性通常用于控制列之间的水平间距,使得布局看起来更加美观和整齐。当你在一个el-row中包含多个el-col(列)时,你可以使用gutter属性来设置列之间的空隙,以增加页面的可读性和美观度。例如:Column1Column2在上面的示例中,我们在el-row中设置了gutter属性为20,这意味着Column1和Column2之间的水平间距为20px。通过调整gutter属性的值,你可以自定义列之间的间距以满足你的布局需求。这有助于创建各种不同样式的页面布局。

使用Element-UI中的el-cascader 实现可以任意选择一项,以及遇到的坑

一.业务需求需要使用级联选择器现在我们要求可以选择任意一项,查阅官方文档发现使用  就可以达到我们的效果,但是注意重点来了... 经过这个后虽然可以实现选择任意一项但是你 必须选择前边的单选框,你不能直接选文字,这不是很反人类??至于原因大家可以看这个 (13条消息)elementUiCascader级联选择器如何选择任意一级,以及所遇到的问题_WhiteSean的博客-CSDN博客_elementui级联选加载一级上边介绍的方法并没有什么卵用,大家只参考原因就行了,方便大家发散思维。二.解决既然知道了原因那么解决起来也是事半功倍看一下代码:最主要的就是上边三句代码,那这三句怎么实现即要隐藏单

el-date-picker:选择日期的限制

目录前言:基本使用:时间区间:公司业务:选择一个日期区间,但是只能选择本月day.js简化版1day.js简化版2前言:element-ui作为vue的龙头ui组件库,深受前端开发者的喜爱。本文着重记录如何使用el-date-picker日期选择器,怎么去限制选择日期。先上官网链接---el-date-picker基本使用:先看下方代码exportdefault{data(){return{value:''};}};这是一个最基本的使用方式,长这个样子。 下面先提一个需求,要求不能选择当前日期之前的日期,怎么办?看picker-options属性,我们需要在disabledDate上做文章!d

el-upload自定义手动上传方法

 选取文件保存//选择文件变化后handleChangeQuitUpload(e){this.form.uploadFile=e.raw;//上传的文件},data(){return{ form:{ uploadFile:null, }, acceptFile:['jpg','zip','png']}}methods:{ saveData(){ //选取了文件则上传 if(this.form.uploadFile){ this.uploadHttpRequest(); } } //上传执行的方法asyncuploadHttpRequest(){constformData=newFormDa

PHP 身份验证/ session 处理 : Ground Up or Framework/Package?

tl;drversion我需要一个可公开访问的公司内部工具的性感session和身份验证处理程序。我应该创建自己的工具还是每个人都觉得梦幻般的现有工具?这是我的具体情况:身份验证:过去几周我一直在研究PHP中的用户安全危险,似乎您越深入兔子洞,需要学习的东西就越多。我相信我可以编写一个系统来根据每个请求轮换session,可以防止XSS和XSRF,并且通常可以很好地保护我的后端。我对研究现有工具犹豫不决,因为与其他人相比,相信自己和责怪自己更容易。session处理:我对安全性的研究越深入,就越觉得在数据库内部使用session处理比使用PHP原生的session处理更明智。这样,您可

Vue3 开发实战分享——打印插件 Print.js 的使用(Vue3 + Nodejs + Print.js 实战)以及 el-table 与 el-pagination 的深入使用(下)

文章目录💻关于CSDN1024📋前情回顾&前言🎯关于el-table🧩项目中延申使用1️⃣获取每行对应的内容数据2️⃣行内数据判断处理(过滤)3️⃣对表格内容的索引🎯关于el-pagination🧩项目中延申使用1️⃣显示总条数与分页展示2️⃣跳转页和页码样式3️⃣设置为中文📝最后💻关于CSDN1024在进入文章的正文之前,我们先一起了解一下关于CSDN今年的1024程序员节。与此同时这也是我在CSDN参与的第二个1024程序员节日,转眼间也快写博客两年时间,去年很遗憾没有去到深圳(疫情原因)线下参加这个有趣而充实的峰会。今年没有特殊情况的话一定会如约而至,已经提前报好名了,期待那天的到来!虽

goland报错:“package command-line-arguments is not a main package”解决方案

大家好!我是躺平哥。     今天模拟客户端和服务端交互时遇到了一个问题:“packagecommand-line-argumentsisnotamainpackage”         翻译过来就是包命令行参数不是主包知识补充(可跳过)    因为在Go语言中,和java的main是有所区别的,具体区别如下:        在java中,任何一个java文件都可以有唯一一个main方法当做启动函数       而在go中,则是任何一个package中,都可以有唯一一个带有main方法的go文件,作为程序的入口。                •gorun其实是执行一个exe文件(window