- Element-UI中el-time-picker时间选择器无法选择
爱健身的小刘同学
bugElementVue系列javascript前端elementui
前言前几天开发时,在做一个时间选择时,遇到了无法选中时间的问题在网络上找了解决方法,特此记录一下解决方法我的代码结构营业时间时间选择不上的原因是因为初始值问题很有可能是最开始赋值为空数组了所以有3个解决方法1.设置为nullbusinessTimeInfo:null2.设置当前时间businessTimeInfo:[newDate(newDate()),newDate(newDate())](默认
- Element-UI穿梭框去掉左箭头按钮
太空漫步11
vuejqueryelementui
往vue项目中加入一个穿梭框页面首先在views目录中创建Transfer.vue文件:import$from'jquery'exportdefault{mounted(){console.log('mounted');$('.el-transfer__buttons').children().first().remove();},data(){constgenerateData=_=>{cons
- Vue项目中使用Mock.js进行API模拟
洛可可白
前端专栏javascriptvue.js前端
Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地,这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术:SpringBoot、Mybatis-plus、Swagger移动开发:Andr
- element-ui 分页器中的 :current-page.sync是干什么的
才艺のblog
uivue.jsjavascript
在ElementUI中,current-page.sync是用于实现父子组件间关于当前页码的双向绑定的。具体来说:双向绑定:.sync修饰符是Vue提供的一种语法糖,用于简化父子组件之间关于props的更新和事件触发的代码。当子组件改变了父组件传来的prop时,可以通过.sync修饰符通知父组件进行相应的更新。使用场景:在分页组件中,通常需要将当前页码的状态在多个组件间共享。通过使用current
- element-ui 中 使用<el-upload></el-upload>组件,第二次点击上传无反应
今天星期八
vue.js前端javascriptelementui
出现问题:在vue项目中使用el-upload组件,实现文件上传的功能,第一次点击可以上传,第二次点击按钮无反应出现此问题的原因:由于上次上传的文件流还在,未被清除解决办法:通过ref与组件进行关联导入在上传成功的函数中进行清空流文件handleAvatarSuccess(response,file,fileList){this.$refs.fileUploadBtn.clearFiles();/
- vue3实现表格单元格可编辑
HuaHua·Li
javascriptvue.js前端elementui
以往编辑表格内容都是点击编辑按钮,进入编辑页面或弹窗对整行做编辑的效果。而这次由于项目需要实现在表格内双击就能编辑对应单元格的功能,对于没有做过的我来说也是一个新挑战。需要达到的效果:方案一由于项目使用的是element-ui,所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有(cell-dblclick)。下面看实现效果(部分代码):{{props.row.amount
- element-ui——修改el-dialog样式自定义class
dbt@L
ElementUIuivue.jselementui
custom-class:Dialog的自定义类名/deep/.customClass{background:#09374c;}
- element-ui版本问题导致el-table-column输入框无法输入
Enno.Z
踩坑日常elementuiinputel-table-column输入框无法输入
起因有次发版后,el-table-column的input输入框无法输入了,select框却可以,本地项目测试OK,测试环境测试OK,就是生产发生了这个事情。查询原因三个环境有两个好的,排除代码问题,可能是依赖的element-ui的版本问题。本地element-ui版本是2.4.10,测试element-ui版本是2.8.2,而生产运维用是最新的版本。更新版本因为另一个模块用的树结构需要把ele
- Vue中使用Element-ui时报错
是小蟹呀^
知识总结vue.jselementui
Error:Cannotfindmodule'babel-preset-es2015'Requirestack:-D:\webDesign_study_projects\Vue\vue_router\node_modules\@babel\core\lib\config\files\plugins.js-D:\webDesign_study_projects\Vue\vue_router\node
- Element-ui:头像上传
.@d
pythondjangovuepython
本篇文章用到element官网和七牛云官网element-ui官网:https://element.eleme.io/#/zh-CN七牛云官网:https://www.qiniu.com/1.七牛云注册登录之后然后实名认证2.进入对象存储后进入空间管理3.新建空间在这里就能拿到cdn测试域名pythonSDK在开发者中心可以查看使用七牛云就需要安装他pipinstallqiniu我们使用封装的思想
- Element-ui 步骤条功能拓展——动态生成步骤条
菜鸟茜
ElementVUEvueelement-uiel-step步骤流程
需求:最近在做应急预案的vue页面,需要有上一步、下一步等功能,并且每一个预案都是一个简单流程题外话:感觉使用vue+Element-ui来做,真的是方便很多很多,思路清晰,代码简洁。如果是按照以前的写法,肯定是要多个上一步、下一步按钮,并且每个按钮都要用js写相应的click事件。当然最后呈现出来的代码还是要看个人能力的凝练程度。思路重点:el-steps的active的对应每个步骤要显示的di
- vue2+高德地图web端开发(二)
松果猿
前端vue.jsjavascript
前言:高德地图输入提示与POI搜索相关文档:输入提示与POI搜索-服务插件和工具-进阶教程-地图JSAPI2.0|高德地图API(amap.com)输入提示-输入提示-示例中心-JSAPI2.0示例|高德地图API(amap.com)创建输入框:引入Element组件库:关于引入element可以看我的这篇文章:Vue框架中引入Element-UI组件库-CSDN博客引入输入框组件componen
- element-ui 自定义表头label(利用 :slot=“header“ slot-scope=“slot“)
大大。
element相关uivue.jsjavascriptelementui
*产品名称板件输条码/五金输名称效果如下:重点看这://重点*产品名称板件输条码/五金输名称//
- vue-i18n的简单使用兼容element-ui
一个巨蟹座的前端
vuejs数组htmljsvue.js前端javascript
1.首先下载vue-i18nnpmivue-18n--save2.在项目根目录新建文件夹(自己命名)i18n.config.js,写如下代码注意:小编在vue.config.js里面配置了路径别名,@l指向src/lang目录importVuefrom'vue'importVueI18nfrom'vue-i18n'importElementfrom'element-ui'constzh=requi
- vue+vue-i18n+element 国际化
飞鸟的悲伤1314
vueelement-uivue-i18n
1.先创建一个lang文件夹,创建两个js文件en.js(英文),zh.js(中文),另外创建一个index.js文件(用于)en.jszh.js(两者必须保持一致)2.在index.js中引入vue和vue-i18n,并注册vue-i18n然后引入en.js和zh.js两个文件(1)elementEnLocale和elementZhLocale是element-ui国际化需要的,如果没有使用el
- el-table无限滚动加载更多-翻页
coderfl
element-ui的表格与无限滚动的结合(el-table+infinite-scroll)安装(建议安装1.X版本,2.X版本目前报错无法使用)npminstall--saveel-table-infinite-scroll@1全局引入importVuefrom'vue';importelTableInfiniteScrollfrom'el-table-infinite-scroll';Vue
- vue项目中绘制bpmn流程图
伴歌知行
最近有个需求:在项目中绘制bpmn流程图,使用的插件是:bpmn-js实现的效果如下图所示image.png安装bpmn-jsnpminstallbpmn-js安装节点属性面板npminstallbpmn-js-properties-panel新建vue单文件下面是html部分,注意楼主使用了element-ui的按钮组件,没有用element-ui的童鞋自行修改打开bpmn文件BPMNdiagr
- js html表单设计器,可视化表单设计器拖拽生成表单(原创)
吹狗螺的简柏承
jshtml表单设计器
插件描述:可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。更新时间:2021-04-1121:56:01form-create-designerform-create-designer是基于@form-create/element-ui实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。安装npminstall@form
- vue 实现多个可拖拽的element-ui Dialog
嘻哈章鱼小丸子
直接上代码//css.el-dialog__wrapper{overflow:hidden!important;pointer-events:none;}.sc-common-dialog.el-dialog{margin:0!important;pointer-events:auto;top:80px;left:calc(50%-490px);height:625px;box-shadow:0p
- div、Flex、element-ui-layout页面布局
长不大的大灰狼
前端知识vue前端
div、Flex、element-ui-layout页面布局一、div页面布局1、页面布局标签属性2、定位属性3、盒子模型(1)标准盒模型(2)怪异盒模型二、Flex页面布局1、基本概念2、容器的属性3、项目的属性三、element-ui——layout布局1、基本概念2、gutter属性3、offset属性4、对齐方式一、div页面布局1、页面布局标签属性(1)标签无意义块状标签段落标签无序列表
- element-ui复杂table表格-动态新增列、动态调整行、列顺序
三月的一天
vue.jselementui前端javascript
目标:实现一个复杂table具有以下功能:表格行展开、全部展开、收起、全部收起;可动态配置展示哪些列、调整列展示顺序;动态调整行顺序、行上移、行下移、行移动最顶部、行移动最底部一、页面效果:1.全部展开2.全部收起3.配置显示列4.调整字段顺序(拖拽方式)5.行操作(查看、修改、删除、行上下移动)二、代码实现(vue+Element-ui)思路:本质上就是将表格看成一个数组,对表格的操作当成对数组
- Element-UI 多个el-upload组件自定义上传,不用上传url,并且携带自定义传参(文件序号)
Cutecumber
web开发vue.jselementui
1.需求:有多个(不确定具体数量)的upload组件,每个都需要单独上传获取文件(JSFile类型),不需要action上传到指定url,自定义上传动作和http操作。而且因为不确定组件数量,所以每次也需要获取是第几个文件(索引),所以也需要实现附加索引这个参数2.实现:如下#list不知道一共有几个列表项{returnonRemove(file,fileList,index)}"#这里的inde
- vue引入element-ui的css后报错
shaguamayi
ERRORFailedtocompilewith1errors15:24:02errorin./node_modules/
[email protected]@element-ui/lib/theme-chalk/index.cssModulebuildfailed:Error:NoPostCSSConfigfoundin:D:\文件\vue-slot-demo-master\vue-slot-de
- vue element-ui table 对获取的数据进行toggleRowSelection
小狼在IT
data(){return{Detail:[]}}methods:{get_Detail(){letgetDetail=[]//获取的数据this.Detail=getDetaillet_this=this//必须要在$nextTick里面执行,否则toggleRowSelection无效_this.$nextTick(function(){_this.$refs.DetailTable.togg
- IE中elementUI 分页控价-输入页码的input回车跳转的问题
听风不予
问题描述在使用Element-UI的过程中发现其分页组件存在一个BUG,其‘前往【】页'中的input的回车时间存在失效不响应事件的问题第一次事可以的,第二次之后的操作,没有任何的反应;image.png针对在这个问题研究了下,element本身的组件在IE中的标线是正常的,在我们使用的时候却发现了问题,定位发现没有走到对应的事件中方案:结合jquery使用原生的键盘监听事件来控制,只是针对页面的
- electron-vue使用elementui,有数据但table表格显示空白
Hi小胡
在.electron-vue目录下找到webpack.renderer.config.js文件,修改:letwhiteListedModules=['vue']-->letwhiteListedModules=['vue','element-ui']
- element-ui解决上传文件时需要携带请求数据的问题
小钱c7
vueelementui前端
一、问题描述在前端使用element-ui进行文件上传时,需要携带请求头信息,比如Token。二、问题解决1.表单实现action置空添加:http-request属性覆盖默认的上传行为,实现自定义上传文件。注意:src后的图片路径如果是个网络请求(外链),那么在前面拼接//即可,否则会出现localhost:8080/外链的奇葩问题。点击上传头像,只能上传jpg/png文件,且不超过1mb2.j
- vue.js element-ui validate中代码不执行填坑
知止至得
先说结论在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到因为要验证数字,参考了官网参考代码如下,发现有如下图bug,当输入为以数字开头包含字符串的内容时,验证不会报错,因为业务逻辑也不相符,随改写代码varcheckAge=(rule,value,callback)=>{if(!value){returncallback(newError('年龄不能
- Blog: 用element-ui表格实现可在表格内编辑,修改数据
weixin_43160044
element-uivuevue.js前端
实现效果如下:更改完数据也改变了{{scope.row.date}}{{scope.row.name}}{{scope.row.isEdit?'完成':'编辑'}}exportdefault{data(){return{tableData:[{date:'2016-05-02',name:'王小虎1',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',na
- 【element-ui】el-table实现跨页多选
倒霉娃不要倒霉
element-ui案例vue.js前端javascript
1、el-table添加属性row-key2、el-table-column添加属性reserve-selection为truegetRowKey(row){returnrow.id},selectionChange(val){this.currentSelection=val}
- Java实现的基于模板的网页结构化信息精准抽取组件:HtmlExtractor
yangshangchuan
信息抽取HtmlExtractor精准抽取信息采集
HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件,本身并不包含爬虫功能,但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。
HtmlExtractor是为大规模分布式环境设计的,采用主从架构,主节点负责维护抽取规则,从节点向主节点请求抽取规则,当抽取规则发生变化,主节点主动通知从节点,从而能实现抽取规则变化之后的实时动态生效。
如
- java编程思想 -- 多态
百合不是茶
java多态详解
一: 向上转型和向下转型
面向对象中的转型只会发生在有继承关系的子类和父类中(接口的实现也包括在这里)。父类:人 子类:男人向上转型: Person p = new Man() ; //向上转型不需要强制类型转化向下转型: Man man =
- [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系
comsci
dp
对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....
首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
- storm 自定义 日志文件
商人shang
stormclusterlogback
Storm中的日志级级别默认为INFO,并且,日志文件是根据worker号来进行区分的,这样,同一个log文件中的信息不一定是一个业务的,这样就会有以下两个需求出现:
1. 想要进行一些调试信息的输出
2. 调试信息或者业务日志信息想要输出到一些固定的文件中
不要怕,不要烦恼,其实Storm已经提供了这样的支持,可以通过自定义logback 下的 cluster.xml 来输
- Extjs3 SpringMVC使用 @RequestBody 标签问题记录
21jhf
springMVC使用 @RequestBody(required = false) UserVO userInfo
传递json对象数据,往往会出现http 415,400,500等错误,总结一下需要使用ajax提交json数据才行,ajax提交使用proxy,参数为jsonData,不能为params;另外,需要设置Content-type属性为json,代码如下:
(由于使用了父类aaa
- 一些排错方法
文强chu
方法
1、java.lang.IllegalStateException: Class invariant violation
at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228)
at o
- Swing中文件恢复我觉得很难
小桔子
swing
我那个草了!老大怎么回事,怎么做项目评估的?只会说相信你可以做的,试一下,有的是时间!
用java开发一个图文处理工具,类似word,任意位置插入、拖动、删除图片以及文本等。文本框、流程图等,数据保存数据库,其余可保存pdf格式。ok,姐姐千辛万苦,
- php 文件操作
aichenglong
PHP读取文件写入文件
1 写入文件
@$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab");
if(!$fp){
echo "open file error" ;
exit;
}
$outputstring="date:"." \t tire:".$tire."
- MySQL的btree索引和hash索引的区别
AILIKES
数据结构mysql算法
Hash 索引结构的特殊性,其 检索效率非常高,索引的检索可以一次定位,不像B-Tree 索引需要从根节点到枝节点,最后才能访问到页节点这样多次的IO访问,所以 Hash 索引的查询效率要远高于 B-Tree 索引。
可能很多人又有疑问了,既然 Hash 索引的效率要比 B-Tree 高很多,为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
- JAVA的抽象--- 接口 --实现
百合不是茶
抽象 接口 实现接口
//抽象 类 ,方法
//定义一个公共抽象的类 ,并在类中定义一个抽象的方法体
抽象的定义使用abstract
abstract class A 定义一个抽象类 例如:
//定义一个基类
public abstract class A{
//抽象类不能用来实例化,只能用来继承
//
- JS变量作用域实例
bijian1013
作用域
<script>
var scope='hello';
function a(){
console.log(scope); //undefined
var scope='world';
console.log(scope); //world
console.log(b);
- TDD实践(二)
bijian1013
javaTDD
实践题目:分解质因数
Step1:
单元测试:
package com.bijian.study.factor.test;
import java.util.Arrays;
import junit.framework.Assert;
import org.junit.Before;
import org.junit.Test;
import com.bijian.
- [MongoDB学习笔记一]MongoDB主从复制
bit1129
mongodb
MongoDB称为分布式数据库,主要原因是1.基于副本集的数据备份, 2.基于切片的数据扩容。副本集解决数据的读写性能问题,切片解决了MongoDB的数据扩容问题。
事实上,MongoDB提供了主从复制和副本复制两种备份方式,在MongoDB的主从复制和副本复制集群环境中,只有一台作为主服务器,另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式,需要指明
- 【HBase五】Java API操作HBase
bit1129
hbase
import java.io.IOException;
import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.HColumnDescriptor;
import org.apache.ha
- python调用zabbix api接口实时展示数据
ronin47
zabbix api接口来进行展示。经过思考之后,计划获取如下内容: 1、 获得认证密钥 2、 获取zabbix所有的主机组 3、 获取单个组下的所有主机 4、 获取某个主机下的所有监控项  
- jsp取得绝对路径
byalias
绝对路径
在JavaWeb开发中,常使用绝对路径的方式来引入JavaScript和CSS文件,这样可以避免因为目录变动导致引入文件找不到的情况,常用的做法如下:
一、使用${pageContext.request.contextPath}
代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。
- Java定时任务调度:用ExecutorService取代Timer
bylijinnan
java
《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由,我认为其中最重要的理由是:
如果TimerTask抛出未检查的异常,Timer将会产生无法预料的行为。Timer线程并不捕获异常,所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下,Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时,已经被
- SQL 优化原则
chicony
sql
一、问题的提出
在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的的编写等体会不出SQL语句各种写法的性能优劣,但是如果将应用系统提交实际应用后,随着数据库中数据的增加,系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据,劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍,可见对于一个系统
- java 线程弹球小游戏
CrazyMizzz
java游戏
最近java学到线程,于是做了一个线程弹球的小游戏,不过还没完善
这里是提纲
1.线程弹球游戏实现
1.实现界面需要使用哪些API类
JFrame
JPanel
JButton
FlowLayout
Graphics2D
Thread
Color
ActionListener
ActionEvent
MouseListener
Mouse
- hadoop jps出现process information unavailable提示解决办法
daizj
hadoopjps
hadoop jps出现process information unavailable提示解决办法
jps时出现如下信息:
3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
- PHP图片水印缩放类实现
dcj3sjt126com
PHP
<?php
class Image{
private $path;
function __construct($path='./'){
$this->path=rtrim($path,'/').'/';
}
//水印函数,参数:背景图,水印图,位置,前缀,TMD透明度
public function water($b,$l,$pos
- IOS控件学习:UILabel常用属性与用法
dcj3sjt126com
iosUILabel
参考网站:
http://shijue.me/show_text/521c396a8ddf876566000007
http://www.tuicool.com/articles/zquENb
http://blog.csdn.net/a451493485/article/details/9454695
http://wiki.eoe.cn/page/iOS_pptl_artile_281
- 完全手动建立maven骨架
eksliang
javaeclipseWeb
建一个 JAVA 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=App
[-Dversion=0.0.1-SNAPSHOT]
[-Dpackaging=jar]
建一个 web 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=web-a
- 配置清单
gengzg
配置
1、修改grub启动的内核版本
vi /boot/grub/grub.conf
将default 0改为1
拷贝mt7601Usta.ko到/lib文件夹
拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹
拷贝wifiscan到bin文件夹,chmod 775 /bin/wifiscan
拷贝wifiget.sh到bin文件夹,chm
- Windows端口被占用处理方法
huqiji
windows
以下文章主要以80端口号为例,如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等. 这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
- 开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !
天梯梦
mobile
CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,
- 简单工厂设计模式
hm4123660
java工厂设计模式简单工厂模式
简单工厂模式(Simple Factory Pattern)属于类的创新型模式,又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式,可以理解为是不同工厂模式的一个特殊实现。
- maven笔记
zhb8015
maven
跳过测试阶段:
mvn package -DskipTests
临时性跳过测试代码的编译:
mvn package -Dmaven.test.skip=true
maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为,即跳过编译,又跳过测试。
指定测试类
mvn test
- 非mapreduce生成Hfile,然后导入hbase当中
Stark_Summer
maphbasereduceHfilepath实例
最近一个群友的boss让研究hbase,让hbase的入库速度达到5w+/s,这可愁死了,4台个人电脑组成的集群,多线程入库调了好久,速度也才1w左右,都没有达到理想的那种速度,然后就想到了这种方式,但是网上多是用mapreduce来实现入库,而现在的需求是实时入库,不生成文件了,所以就只能自己用代码实现了,但是网上查了很多资料都没有查到,最后在一个网友的指引下,看了源码,最后找到了生成Hfile
- jsp web tomcat 编码问题
王新春
tomcatjsppageEncode
今天配置jsp项目在tomcat上,windows上正常,而linux上显示乱码,最后定位原因为tomcat 的server.xml 文件的配置,添加 URIEncoding 属性:
<Connector port="8080" protocol="HTTP/1.1"
connectionTi