- 【前端】弹框组件
Lucky小维
前端前端javascript开发语言
vue2项目，封装的第一版弹框组件使用基于elment-ui在vue同级创建components/dialog文件夹里面放paramDialog.vue父组件引入dialogVisible要是改变量名，这个也记得改importParamDialogfrom'./components/dialog/paramDialog.vue';components:{ParamDialog},data(){re
- vue elment-ui 一张与多张图片上传，返回base64编码 thinkphp5
qq_28761593
ThinkPHPHTML+CSSelementVuevueelment-uibasethinkphp5vue图片base
注意：action为上传的后台路径地址imageUrl：为图像的路径accept：上传的图片格式可以自定义$emit：操作后返回对应的数据给父级vue一张图片只给一个路径，多张图片需要给一个数组1.element-UI头像上传，返回一条路径vue代码importApifrom'../../Api'exportdefault{name:'servec_type',data(){return{imag
- el-input的回车监听事件，回车调用函数（Vue）
普普通通学习不内卷
Vuevueelementui前端
在Vue中使用elment-ui的时候，用了el-input，想要添加回车也可以调用方法，添加了@keyup.enter.native最后代码如下：@keyup.enter.native就是element-ui封装过后可以用来调用回车事件的，回车是针对Input的，所以放在了el-input的tag里，然后在图标处用了click事件直接进行搜索的。用el-button也是一样的。下面是el-inp
- el-upload上传限制
BarryKerrigan
vue.jsjavascript前端
对elment-UI的上传组件进行一次简易封装，对上传的文件进行限制。限制：1.限制上传文件的后缀2.限制上传文件名长度3.限制上传文件大小子组件{{buttonName}}{{message}}使用父组件传递进来的条件，对上传文件进行限制exportdefault{props:{buttonName:{type:String,default:'选取文件'},message:{type:Strin
- Elment-Ui 修改 给form添加滚动条 超出高度滚动
拢作是笑诙
//超出550部分滚动
- 前端自定义校验
程序猿小张哇
学习vue.jsjavascripthtml5
目录前端elment-ui校验器正则表达式校验JSR303数据校验统一异常处理JSR303分组校验自定义校验编写自定义注解定义校验器类自定义messasge应用前端elment-ui校验器form表单加上:rules="**"字段加上prop="*"编写valdate正则表达式校验firstLetter:[{validator:(rule,value,callback)=>{if(value===
- element-UI中el-scrollbar的使用
S_h_a_
Web开发vue.jsjavascript前端
在elment-ui中有这么一个滚动条，当鼠标over到内容部分才会显示，移开鼠标之后滚动条就会隐藏起来，相较于原生的滚动条比较美观。//将滚动条的内部的内容放在里面即可在使用过程中，如果父级高度发生改变的时候，滚动条拖动就会出现异常的情况，这个时候需要父组件的高度，当发生改变的时候，调用组件的update方法；这里主要在mounted里面对其进行监听，当然定时器也可以（详见参考）this.$ne
- elment-ui部分ui组件在移动端也能实现自适应
巧克力芋泥包
ui
javascript好久没更新了,来更新一下自己的笔记最近有移动端的项目迁移到pc端,pc端那一套用的是element-ui的后台框架,所以难免有一些样式不兼容的问题,之前很久的时候也处理过这些,但是很久没处理忘了==,所以之后再遇到兼容的会更新到这篇笔记上,供之后翻阅1.el-dialog借助css3的媒体查询@mediascreenand(min-width:220px)and(max-wid
- Element-UI el-select 绑定对象
bingo丶
element-uivueelement-uielementuiel-select
Elment-UI版本：2.15.7由于官方文档不够详细，在使用el-select组件传入对象时，不是取值有问题，就是会报错，多番尝试后，找到了解决方法，特此记录。exportdefault{data(){return{obj:{label:1,value:'name1'},arr:[{label:1,value:'name1'},{label:2,value:'name2'}],}},metho
- 【ElementUI】el-table 的表头和内容列不对齐
卿卿qing
ElementUIelementui
浏览器缩放或者拖动表格Y轴滚动条时，表头和内容列发生错位通过css样式解决.el-tableth.gutter{display:table-cell!important;}调用elment-ui官方提供的一个方法在刷新列表后使用getList().then(res=>{this.list=res.data.rows;this.$nextTick(()=>{this.$refs.table.doLa
- element的上传如何获取路径_利用FileReader读取element-ui中上传组件el-upload上传的文件，实现先本地预览后上传至服务器（Vue）...
A菲拉格慕(小艳子)
用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器，返回一个图片地址，然后根据这个地址在头像区显示，但是我想要的是：选取头像，后立即在头像区显示，(不涉及图片剪辑和图片区域选取)，而不是先上传到服务器。那么就需要获取一个图片在本地的地址。-浏览器出于安全考虑不让直接获取本地图片的路径，那我们就使用FileReader(或window.URL)去读取选择好的图片，
- 利用FileReader读取element-ui中上传组件el-upload上传的文件，实现先本地预览后上传至服务器
杨家八公子
ElementVuejselementupload上传本地element上传图片
用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器，返回一个图片地址，然后根据这个地址在头像区显示，但是我想要的是：选取头像，后立即在头像区显示，（不涉及图片剪辑和图片区域选取），而不是先上传到服务器。那么就需要获取一个图片在本地的地址。浏览器出于安全考虑不让直接获取本地图片的路径，那我们就使用FileReader(或window.URL)去读取选择好的图片，返
- Elment-UI展开表格时，每次展开需要发起一次请求，多次展开会覆盖之前的数据
人生如梦_0335
原因：每次点击的时候，都需要发一次请求，我把获取到的数据赋值给了一个数组.解决办法：在data里面定义一个对象，用来保存数据，使用this.$set方法往对象里面添加数据，使用id作为对象的key，value作为一个数组。原本点击的时候，就会有一个id传过来，跟我之前的保存的数组进行产生映射。
- elment-ui中的$prompt，阻止点击确定关闭弹窗
理子
https://blog.csdn.net/weixin_45152848/article/details/99643126
- elment以及elementPlus选中组件出现黑框问题解决！！
turbo夏日漱石
前端项目过程中的问题vuevue.js前端javascriptcss
目录问题：图示：解决方案：问题：使用elementPlus的按钮组件，点击按钮后会出现黑框，除非点击其他地方才能取消掉（之前使用elment-ui其它组件时也出现过）图示：解决方案：.el-button:focus{outline:none;}.el-button:focus：表示选择所有类型为.el-button的元素，并且当元素获得焦点时应用该样式（对于其它组件只需修改类型名称即可）outli
- 为 elment-ui 的 tree 加上双击事件
ravenq
原文:https://ravenq.github.io/blog.md/el-tree-dblclick.html目前element-ui的tree控件不支持双击事件，在后台管理系统时经常需要双击事件。如果在element-ui源码上直接添加双击事件是很简单的，我已经在github上提交了issue:#17448和PR。但是等待官方更新都很慢，项目急着需要，而且官方不一定采纳你的PR。那么只有两个
- elment-ui中el-table刷新
夏虫不与冰语
elementui
elment-ui中el-table刷新很简单哦，加上这个就OK了:key=“Math.random()”
- 获取非表单中所有选中的checkbox(elment-ui)
北海军
element
//tmpData:{oneDayTimeIds:[]}//method：{checkTimeArr(check){console.log(check)//选中的所有checkboxlabel}}
- el-checkbox中的checked勾选状态问题 2021-08-02
bug我来写
checkbox
碰到的问题今天用elment-ui时碰到了一个坑，记录一下：项目中有一个页面是带批量下载功能的，需要点击批量操作才会出现全选按钮和item中的多选框，但是直接用v-if没有过渡效果感觉很生硬。于是自己写了一个css过渡效果，把全选按钮隐藏在批量操作按钮下方，点击批量操作后，从按钮的右侧移出{{isBatch?'取消操作':'批量操作'}}{{!checkedList.length?'下载本页':`
- vue组件库开发，webpack打包，发布npm
yuanyi正
vue.jswebpacknpm
做一个像elment-ui一样的vue组件库那多好啊！这是我前几年就想做的但webpack真的太难用，也许是我功力不够今天看到一个视频，早上6-13点，终于实现了，呜呜感谢视频的分享-来龙去脉-大家可以看这个视频：https://www.bilibili.com/video/BV1Zf4y1u75o?p=9&vd_source=125d808bbbad2b8400f221b816a0f674有些能
- Vue Element-UI Cascader 级联选择器中子菜单的显示与隐藏
Pure_Sunshine
vue.js前端elementui
最近有发现一个在Elment-UI低版本中级联组件出现的BUG（楼主的版本是2.4.11），先上图来直观的感受下：即：若展开过含有子菜单的菜单，当鼠标再移入到没有子菜单的菜单上时，仍然会显示上一次展开过的菜单的子菜单。在一般的思维逻辑中这显然是一个BUG，移入没有子菜单的菜单时应该不再展开任何子菜单才对，那么应该如何解决这个问题呢？于是我开始查找相关的资料，也确实发现了几篇文章，其中有一篇文章中的
- elment-ui中使用el-steps案例
码路老默007
element-uivuevue.js前端javascript
el-steps案例样式代码请完善总结通过active来控制步骤direction="vertical"来控制方向icon来改变图标样式引申Vue前端封装一个任务条的组件进行使用
- Vue学习笔记-ElmentUI表单校验
赵客缦胡缨v吴钩霜雪明
Elment-UI的Form组件提供了表单验证的功能：1.将Form-Item的prop属性设置为需校验的字段名2.通过rules属性传入约定的验证规则rules:{name:[{required:true,//非空校验message:'提示信息',//校验提示信息trigger:'blur'//触发条件：blur、change}]踩坑：1.要验证输入只能为数字时{type:'number',me
- Java Vue 前后端 关于时间格式数据的处理方法
沐 修
JavaVuejavavue.js开发语言
前端使用elment-ui组件el-date-picker其中组件需要格式化时间，增加属性value-format="yyyy-MM-dd"后端Java接收参数类型后端Dto使用Date接收，并添加@JsonFormat注解@JsonFormat(pattern="yyyy-MM-dd")privateDatetestTime;实体类内的字段，需要是Date类型，而且还需要添加注释@JsonFor
- elment-ui使用vue-quill-editor富文本编辑器
龙在翔
VUEvue.js
全局配置参考文档：https://www.kancloud.cn/liuwave/quill/1409423（一）直接将配置信息写在main.js里面//引入富文本编辑器开始importVueQuillEditorfrom'vue-quill-editor'import'quill/dist/quill.core.css'import'quill/dist/quill.snow.css'impor
- Vue3+Vue2表单点击加号实现多选效果(以逗号分割传递后端参数，及数据回显处理)
可可鸭~
前端实战开发vue.js前端javascript
示图如下：一、Vue3举例嵌套在form表单，利用elment-ui行布局，将输入表单填充至内容区域<el-rowtype="flex"v-for="(domain,index)indataForm.dataValue":key&#
- elment-ui的侧边栏 开关及窗口联动
quanmeiren
uijavascriptvue.js
源码外卖后台首页订单管理商品管理商品列表商品添加商品分类店铺管理账号管理账号列表添加账号修改密码销售统计商品统计销售统计exportdefault{data(){return{isCollapse:false};},methods:{change(){this.isCollapse=!this.isCollapse;},handleResize(){console.log(document.bod
- 上手vue2的学习笔记5之在vue2项目中调用elment-ui
vitalgirl
学习笔记ui
前言上手vue2的学习笔记4之搭建vue环境参考链接：vue2.0项目引入element-ui一、安装elment-ui进入搭建的vue项目中cdvue_bing_test安装elementnpmielement-ui二、引入elment-uielment官方教程将main.js改成如下内容：importVuefrom'vue'importAppfrom'./App'importrouterfro
- 如何修改UI框架的样式
李特丽
css
背景问题使用element-ui的时候，想要在自己的组件内进行自定义样式。在调试器里复制了类名，在组件内部style标签样式里面重新定义值，发现更改不了探究原因style标签样式只能修改预先写好的dom，由于elment-ui采用的是组件嵌套的形式，内部的小组件还没有被注入。此时样式无法生效。解决方案方案1：在需要修改的标签（图上是label标签)的父组件上加一个新类名（图上是ml-32)，然后再
- element-ui中table表格的折叠和隐藏
今天你码 了吗
vuevue.js前端javascriptelementui
el-table的折叠展开今天使用elment-ui的el-table组件做表格的折叠和展开使用default-expand-all属性通过click控制它为true或false来完成折叠展开但是却没有效果！！！通过查资料发现需要这样来写-------------数据设置data(){return{Expand:true,refreshTable:true,}}-------------鼠标点击事
- 枚举的构造函数中抛出异常会怎样
bylijinnan
javaenum单例
首先从使用enum实现单例说起。
为什么要用enum来实现单例？
这篇文章（
http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由：
1.enum单例简单、容易，只需几行代码：
public enum Singleton {
INSTANCE;
- CMake 教程
aigo
C++
转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/
CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。
介绍：http://baike.baidu.com/view/1126160.htm
本文件不介绍CMake的基本语法，下面是篇不错的入门教程：
http:
- cvc-complex-type.2.3: Element 'beans' cannot have character
Cb123456
springWebgis
cvc-complex-type.2.3: Element 'beans' cannot have character
Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
- jquery实例:随页面滚动条滚动而自动加载内容
120153216
jquery
<script language="javascript">
$(function (){
var i = 4;$(window).bind("scroll", function (event){
//滚动条到网页头部的 高度，兼容ie,ff,chrome
var top = document.documentElement.s
- 将数据库中的数据转换成dbs文件
何必如此
sqldbs
旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。
1)数据库生成表结构信息：
主要生成数据库配置文件(.conf文
- 在IBATIS中配置SQL语句的IN方式
357029540
ibatis
在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下：
1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写：
<select id="getForms" param
- Spring3 MVC 笔记（一）
7454103
springmvcbeanRESTJSF
自从 MVC 这个概念提出来之后 struts1.X struts2.X jsf 。。。。。
这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！
要看业务，和整体的设计！
最近公司要求开发个新系统！
- Timer与Spring Quartz 定时执行程序
darkranger
springbean工作quartz
有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
- 大端小端转换，le32_to_cpu 和cpu_to_le32
aijuans
C语言相关
大端小端转换，le32_to_cpu 和cpu_to_le32 字节序
http://oss.org.cn/kernel-book/ldd3/ch11s04.html
小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
- Nginx负载均衡配置实例详解
avords
[导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。
负载均衡
先来简单了解一下什么是负载均衡
- 乱说的
houxinyou
框架敏捷开发软件测试
从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！
这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白.
不过感觉和程序开发语言差不多，
瀑布就是顺序，敏捷就是循环.
瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。
也可以把软件开发理
- 欣赏的价值——一个小故事
bijian1013
有效辅导欣赏欣赏的价值
第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。" 回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
- 包冲突问题的解决方法
bingyingao
eclipsemavenexclusions包冲突
包冲突是开发过程中很常见的问题：
其表现有：
1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。
2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。
3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就
抛如下异常：
java.lang.NoClassDefFoundError: Could not in
- 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j
bit1129
Stream
先来一段废话：
实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
- sudoku solver in Haskell
bookjovi
sudokuhaskell
这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。
现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
- java apache ftpClient
bro_feng
java
最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。
1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。
看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
- 读《研磨设计模式》-代码笔记-工厂方法模式
bylijinnan
java设计模式
声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 工厂方法模式：使一个类的实例化延迟到子类
* 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）：
* 有很多不同的产品，它
- 面试记录语
chenyu19891124
招聘
或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。
今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
- Fire Workflow 1.0正式版终于发布了
comsci
工作workflowGoogle
Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈....
官方网站是 http://www.fireflow.org
经过大家努力,Fire Workflow 1.0正式版终于发布了
正式版主要变化:
1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由
2、增加IT
- Python向脚本传参
daizj
python脚本传参
如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？
需要模块：sys
参数个数：len(sys.argv)
脚本名： sys.argv[0]
参数1： sys.argv[1]
参数2： sys.argv[
- 管理用户分组的命令gpasswd
dongwei_6688
passwd
NAME： gpasswd - administer the /etc/group file
SYNOPSIS：
gpasswd group
gpasswd -a user group
gpasswd -d user group
gpasswd -R group
gpasswd -r group
gpasswd [-A user,...] [-M user,...] g
- 郝斌老师数据结构课程笔记
dcj3sjt126com
数据结构与算法
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
- yii2 cgridview加上选择框进行操作
dcj3sjt126com
GridView
页面代码
<?=Html::beginForm(['controller/bulk'],'post');?>
<?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
- linux mysql
fypop
linux
enquiry mysql version in centos linux
yum list installed | grep mysql
yum -y remove mysql-libs.x86_64
enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql*
install mysq
- Scramble String
hcx2013
String
Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively.
Below is one possible representation of s1 = "great":
- 跟我学Shiro目录贴
jinnianshilongnian
跟我学shiro
历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。
----广告-----------------------------------------------------
- nginx日志切割并使用flume-ng收集日志
liyonghui160com
nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
- Oracle死锁解决方法
pda158
oracle
select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
- java之List排序
shiguanghui
list排序
在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
- servlet单例多线程
utopialxw
单例多线程servlet
转自http://www.cnblogs.com/yjhrem/articles/3160864.html
和 http://blog.chinaunix.net/uid-7374279-id-3687149.html
Servlet 单例多线程
Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
