1.例如，我们希望在添加用户的表单过程中，当有验证失败的信息或者有填写了一半的数据的时候关闭了表单。再次重新打开需要让表单重置数据1.1 如图，重新打开表单时，原有的数据还处于保留的状态2. 实现表单重置思路2.1 如果需要让对Dialog （对话框）关闭的时候，重置表单的数据，实现其实很简单。只需要在Dialog 关闭时，监听Dialog 的关闭事件。然后在关闭事件中，调用重置的方法，实现重置表
转载
2024-10-26 15:14:41
0阅读
一、为什么要重写数组方法？Vue 为了实现响应式数据绑定，需要能够捕获到数据的变化，以便在数据发生改变时自动更新视图。JavaScript 中的数组是引用类型，所以常规的引用跟踪机制不能捕获数组内部的变化。因为Vue的响应式是通过 Object.defineProperty()实现的，这个api没办法监听数组长度的变化，也就没办法监听数组的新增。所以为了更友好的操作数组并触发响应式检测，Vue对改
转载
2024-09-12 13:59:02
80阅读
ElementUI的默认主题色是鲜艳、友好的蓝色，但是往往不能满足定制化的需求，我们在项目中，可能需要修改组件库默认的颜色，那么，该怎么操作呢？首先，确定你的vue项目中有没有安装scssimage项目中引入了scss时：ElementUI的样式是使用scss编写的，所以主题色其实就是scss的一个变量，那么在你引入ElementUI样式之前，重新定义这个主题色变量就OK了新建一个样式文件，例如
转载
2024-04-14 11:47:09
57阅读
修改样式的方法官网上面介绍了几种方法；当然还有其他的方法，比如：
直接在标签上面采用行内式；在组件中的style里面添加样式；引入.scss文件（注意：如果是公用样式最好在index.scss一起引用，然后在main.js中进行调用；如果使用该样式的组件不多，就按需引入，不要引入其他不必要的scss文件）注：这儿的优先级是: [行内的样式>组件中'style'里面的样式>引入的
转载
2024-04-03 19:28:29
167阅读
ElementUI的默认主题色是鲜艳、友好的蓝色，但是往往不能满足定制化的需求，我们在项目中，可能需要修改组件库默认的颜色，那么，该怎么操作呢？首先，确定你的vue项目中有没有安装scss 项目中引入了scss时：ElementUI的样式是使用scss编写的，所以主题色其实就是scss的一个变量，那么在你引入ElementUI样式之前，重新定义这个主题色变量就OK了
转载
2024-04-22 18:59:14
189阅读
一、修改ElementUI 样式的几种方式1.新建全局样式表新建 global.css 文件，并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下，在 main.js 的引用写法如下：import "./assets/style/global.css"在 global.css 文件中写的样式，无论在哪一个 vu
转载
2024-03-26 21:20:15
484阅读
背景在使用element-ui的Cascader 级联选择器组件的时候，我们期望在点击清空按钮的时候，可以跟Input 输入框组件一样，可以派发一个clear的事件。然而，我们查阅了文档，同时也查阅了源码，发现Cascader 级联选择器组件在点击清空按钮的时候，并没有派发出一个clear事件。虽然我们可以监听Cascader 级联选择器组件的change事件，通过回调参数中的数组长度是否为 0
转载
2024-06-22 12:19:48
527阅读
1、Nginx运行工作进程数量Nginx运行工作进程个数一般设置CPU的核心或者核心数x2。如果不了解cpu的核数，可以top命令之后按1看出来，也可以查看/proc/cpuinfo文件 grep ^processor /proc/cpuinfo | wc -l[root@lx~]# vi/usr/local/nginx1.10/conf/nginx.conf
worker_processes 4
Python是一门非常流行的编程语言，广泛应用于各种领域，包括Web开发、数据分析、人工智能等。在Python中，我们经常需要使用到页面元素的定位和操作，而Selenium是一个强大的Python库，可以帮助我们实现自动化测试和爬虫等任务。在Selenium中，find_element方法是常用的方法之一，用于查找页面上的元素。本文将从头开始，教会你如何在Python中重写find_element
原创
2024-01-13 04:41:44
117阅读
目录一、创建覆盖ElementUI样式的文件二、在项目入口文件中引入上记文件三、覆盖ElementUI的样式变量四、如何修改变量以外的样式五、既然可以直接修改样式，为什么还要覆盖变量 大家好 在Element官网中，提供了四种方法来对样式进行自定义：主题编辑器仅替换主题色在项目中改变SCSS变量命令行主题工具 本文将按照官网的描述，介绍如何在使用了SCSS的项目中，通
转载
2024-04-14 22:08:06
268阅读
一、多选框单选<el-table
:data="items"
ref="multipleTable"
@select-all="onSelectAll"
@selection-change="selectItem"
@row-click="onSelectOp"
>
<el
转载
2024-02-08 03:47:25
471阅读
明白何谓Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:.square {
width: 80px;
height: 80px;
}
.red {
background-color: #F44336;
文章目录前言一、为什么需要样式穿透二、如何使用样式穿透总结 前言 之前在使用 element ui 的输入框时遇到一个问题，上GitHub的 issue 上也发现有人反映这个问题。在寻找解决方案的过程，了解很认识到 CSS样式穿透这个知识点（其实应该很多人都知道，hhh，初学很多不了解，请多多指教）。这里就稍稍总结一下，避免遗忘吧~~ 一、为什么需要样式穿透 如图，我们可以看到上面
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-...
转载
2016-07-20 20:19:00
83阅读
2评论
关于那些点击穿透的坑 之前在做嵌入微信的移动端的项目的时候遇到了一个点击穿透的坑，由于忙着项目一直没有时间进行总结，现在终于看到了不用每天加班的希望曙光，在这个偷偷得来的闲暇时光把这个坑好好的捋一捋：所谓的点击穿透最明了的一点是会出现在移动端，并且是使用click的时候。点击穿透的意思也就是：比如我设计了一个分类的按钮(以下为小btn)，点击的时候会出现一个弹出框，内容是我项目中的所有分
第一章 CSS简单介绍CSS是什么CSS怎么用（快速入门）CSS选择器（重点+难点）美化网页（文字，阴影，超链接，列表，渐变…）盒子模型浮动定位网页动画（特效、效果）1.1 什么是CSSCascading Style Sheet 层叠级联样式表CSS：表现（美化网页）字体、颜色、边距、高度、宽度、背景图片、页面定位、网页浮动…1.2 发展史1.2.发展史CSS1.0：CSS2.0：DIV（块）+
转载
2024-05-04 17:26:20
92阅读
由于公司邮件系统是基于element ui写的，现在需求要写一个换肤功能，经过多次百度参考，予以完成，记录下来以供参考。基于element ui 的换肤功能前言：
我们要对css文件的所有选择器添加命名空间
如我们给所有的加上.custom-1b1e24
原css文件：
.header{height:100px;}
.content{color:#fff;}
=>输出
.custom-1b1
转载
2024-05-10 18:39:35
51阅读
在 CSS 中，element()函数是一个实验性功能，它允许你将一个 HTML 元素的渲染结果作为另一个元素的背景图像或类似图像属性的值会有所变化。
原创
2024-09-10 09:37:36
65阅读
每日鸡汤，每一个你想要学习的念头都是未来的你向自己求救写css 最烦人的就是给class起名字了，这里不提用横线还是下划线，我来跟着element-ui 学习一下都可以起什么名字，分割线都用下划线首先是整个网站的最最最外层，可以起名layout 不要一开始就用container, layout 布局肯定是最外层；然后主要的模块分节可以使用section然后横向的可以用row
在看MDN（mozilla developer net
原创
2023-06-28 14:11:27
51阅读
