- 博客(42)
- 收藏
- 关注
RSS订阅
原创 vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示
最近刚学Vue，使用的elementui组件库，用到了table表格组件<el-table></el-table>标签遇到个问题就是其中有个<el-table-column></el-table-column>要展示的数据来自接口返回的两个字段原用法是：<el-table :data="tableData(表格数据来源)" stri...
2019-03-21 20:33:19
16428
14
原创 ERROR c.alibaba.druid.pool.DruidDataSource - init datasource error 运行代码提示数据库连接错误
本地项目代码之前一直运行正常，数据库连接配置切换为生产环境数据库的配置并通过本地Maven工具打包（war包，clean再install）后，再切换回原来的测试库配置，本地再启服务跑代码就一直报错，如下图：ERROR c.alibaba.druid.pool.DruidDataSource - init datasource error com.mysql.jdbc.exceptions.jd...
2019-01-10 16:09:25
23861
3
原创 ES6 新特性记录（部分）
1：for of循环 （解决了以往let in ，for循环只能获取数组index问题） 参考网址：https://www.cnblogs.com/mengfangui/p/9504291.html例：let a = [1,2,3,4,5];for(let i of a){ console.log(i); //结果为：1,2,3,4,5 console.log(index); // //结果为 0,1,2,3,4}2:set数据结构 (去重) 参考网址...
2021-04-20 20:39:38
155
原创 Vue中获取当前日期和操作。
设置定时器实现时间每秒走动：<div class="dateAndSelect" > <p>日期: {{yearMD}} {{Hms}}</p></div>data() { return{ yearMD:'', Hms:'', selectDate:'', }},mounted(){ let that = this; //定时器 setInte.
2020-11-02 09:22:12
2338
原创 vue中不使用组件，实现翻牌器功能。
vue本身由组件：vue-count-to使用和步骤：1，安装：npm install vue-count-to2，引入包：import countTo from 'vue-count-to'3，使用：<count-to :start-val="0" :end-val="81212" :duration="3000" :prefix="prefix" class="text-style"></count-to>以上没具体使用过~ 参考文档：https://w...
2020-10-19 09:45:47
804
原创 vue中数字转化为字符串，字符串转化为数组（split）
数字转化为字符串：参数末尾加 +' ' => var a =obj.countToadyTargetNum + '' 或者 val.toString();字符串转化为数组：val.split(''); 如：var val = '1289' => val = ['1','2','8','9'];引号里面可以写参数，比如split(' , ') ，这就是以 , 为界限切割成数组。个人记录,仅供参考~...
2020-10-16 17:32:35
6133
原创 echarts设置柱状图柱体渐变色
series中配置：series: [ // type:'bar', { type: 'bar', barWidth : 5, color:'#11b775', barGap:'200%', itemStyle:{ normal: { barBorderRadius: [7,7,0,0], offset:0, //设置柱体渐变色
2020-10-15 13:20:38
1688
原创 echarts隐藏右上角保存按钮（堆叠图为例）
修改属性：toolbox: { feature: { saveAsImage: { show:true,//控制保存按钮显示隐藏 } }},官方文档：https://echarts.apache.org/zh/option.html#toolbox.feature.saveAsImage.show个人纪录，仅供参考~~...
2020-10-14 16:29:05
2800
原创 echarts饼图显示百分比
如图：series : [{ name: '类型', type: 'pie', radius : '55%', center: ['50%', '60%'], data:valuearray, itemStyle: { emphasis: {
2020-10-13 16:29:06
17009
原创 vue中去除elementui组件自带的样式
以el-card卡片组件为例：总有个样式：padding:'20px'; 切样式来自于el-card__body的类名。解决：在引用该组件的页面中重写即可<style lang="scss" scoped> /deep/ .el-card__body{ padding: 0px 0px 10px 10px; }</style>...
2020-09-25 15:54:48
8484
原创 vue+elementui的form表单校验重置，非必填字段重置失败
给form表单每个字段加上prop="xxx" ，如下图：<el-form-item label="入库备注：" :label-width="formLabelWidth" prop="wareHousingRemark"> <el-input v-model="wareHousingInForm.wareHousingRemark" autocomplete="off"></el-input></el-form-item>表单校验部分待补
2020-09-02 14:29:00
616
原创 设置echarts柱状图柱体不同颜色
我的是在js中递归循环柱状图的配置数据（即option={}）后设置的每个柱体颜色（设置颜色模块写法是类似的）。找到series:[]下的itemStyle:{}下的normal.colorif(h === 'itemStyle'){ var barColorData = []; //params=每个柱体 须一次性设置所有柱体的颜色 seriesData[h].normal.color = function(params) { //color为颜色数据
2020-09-01 10:10:45
937
原创 echarts柱状图X轴标签刻度显示不全
X轴显示不全：在xAxis:{}的axisLabel:{}添加 interval: 0, 其他样式调整下即可~~
2020-08-28 16:12:28
1948
2
原创 vue中动态设置style样式和使用filters过滤器设置样式
例如：想给图片增加高度和透明度<el-image :class="classRotation" v-if="imageData.src !== undefined" :src="imageData.src" :style="imageStyle"></el-image>//在data中声明 imageStyledata(){ return{ imageData:{}, imageStyle:{}, //样式.
2020-08-25 13:52:15
4889
1
转载 SVN提交，提示“remains in conflict”错误
转载自:https://blog.csdn.net/tangxl2008008/article/details/78179377?utm_source=blogxgwz0个人纪录~感谢原博主~！
2020-08-20 14:02:13
339
原创 Vue中遍历不规律的json对象（递归）
如果是一个数组包含对象且每个都对象内部固定包含child子数组，命名规范的话，使用for in就行了，去判断每一集下面还有没有child: [ ],但是现在碰到不规则的json对象就很棘手，参数完全不确定，只能使用递归了，先贴代码：watch:{ colorData: { handler() { console.log("颜色变更========", this.componentList); function findColorText(obj)
2020-08-13 13:50:33
1920
原创 Vue中动态渲染颜色样式（基于后端返回的已经选择的颜色展示）
<el-form-item label="已选主题色"> <el-row :span="12" v-for="item in colorData"> <el-col :style="{'backgroundColor':item}">{{item}}</el-col> </el-row></el-form-item>colorData就是后端返回的已选择的颜色数据数组，循环后在样式中这样写：:style=.
2020-08-12 15:57:43
4390
原创 Vue使用elementUi的el-image图片初始化加载失败！
问题如下图：原因是el-image的 :src=" " 在初始化时，图片路径由接口返回还未加载数据导致的问题，且第一次渲染失败不会再异步刷新。解决办法： 在el-image中加上 v-if="imageData.src !== undefined" 判断，不是后端返回的话直接 src 处路径写死。仅供参考~ : D...
2020-08-07 11:15:51
2963
1
原创 elementUi中根据选中的数据，取消勾选表格行数据。
首先前提是能获取当前表格的全部数据和要取消勾选的数据。默认选中和取消选中差不多，我这里的业务场景是删除选中数据。selectValueClose(data){ this.multipleSelection(data);//点击tags标签的X删除 // 取消表格的勾选 当前表格数据 =》tableArrayData this.tableArrayData.forEach(row => { // 可以从列表中找到需要选中的那个对象，置为false，反
2020-08-04 09:44:03
2160
原创 elementui中el-table表格封装成组件
子组件表格dialog封装结构如图：<el-dialog :title="propsSelectData.title" :visible.sync="propsSelectData.visibleMultiSelectDialog" width="40%" :showClose="false" :modal='false' :close-on-click-modal
2020-07-14 11:18:23
1072
原创 elementUI中去掉el-dialog右上角的 X
给el-dialog设置属性:showClose="false"即可。<el-dialog title="角色分配" :visible.sync="showChooseDialog" width="40%" :showClose="false"></el-dialog>感谢：https://segmentfault.com/q/1010000012175677
2020-07-09 18:29:10
9403
2
转载 flex弹性布局
flex-directionflex-direction属性决定主轴的方向。一共有 4 个值row | row-reverse | column | column-reverserow是初始默认值。row-reverse将起点变为右边。column主轴为垂直方向，起点在上面。column-reverse主轴为垂直方向，起点在下面。flex-wrap指定 flex 元素单行显示还是多行显示 。如果允许换行，这个属性允许你控制行的堆叠方向。它一共有 ...
2020-06-30 14:42:59
197
原创 JS中出现通过$操作标签时报错：VM173:6 Uncaught ReferenceError: $ is not defined
ja操作标签时出错：要在js中引入jquery模块才行！（这里的路径只在菜鸟教程里有用，具体看自己的项目的jquery路径）：<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>你的其他js代码</script>仅供参考~ ：D...
2020-06-10 21:08:04
407
原创 Vue框架设置背景图后，四周有白边的问题（使用backgroundImage）
先说给登录页面设置背景图片login.vue：<template> <div :style="loginImageDiv"> <!--登录页的其他html部分--> </div></template><script> data(){ return{ loginImageD...
2020-04-21 15:11:25
7182
3
原创 Vue用elementui表单校验报错： Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined
直接按照elementui官方的写法：submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); ...
2020-04-15 10:35:43
4928
原创 Vue路由vue-router使用this.$router.push();实现页面跳转以及传参。
首先请确保项目已经安装了vue-router：运行命令：npminstallvue-router--save （也可自行百度）安装后在项目package-lock.json 文件中查看版本信息："vue-router": { "version": "3.1.6", "resolved": "https://..xxx.org/artifactory/a...
2020-04-08 11:32:14
2980
原创 Vue父组件调用子组件方法this.$refs(),也可以传值；
上一篇记录了子组件向父组件传值 this.$emit();下面说下 “父组件调用子组件中的方法”，并传值；父组件：<!--父组件中定义的简单的触发事件--><el-form-item> <el-button @click="testThisRefs">测试$refs访问子组件数据</el-button></el-fo...
2020-03-17 18:34:01
6196
3
原创 Vue子组件传值给父组件this.$emit();
上一篇博客记录了Vue父子组件传值使用props，这篇来说说子组件传值给父组件的 ——this.$emit('xxx属性',xxx参数)；子组件：//子组件自定义一个按钮触发onSubmit()方法;<el-form-item> <el-button type="primary" @click="onSubmit">立即创建</el-butt...
2020-03-16 17:19:34
2192
原创 Vue报错{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
我这里出现该问题的原因是demo想用webpack打包工具，执行了：npx webpack --config webpack.config.js命令然后报错的；{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.可以这么做找到：node_modules\vue-loader\lib\te...
2020-03-13 14:31:38
2774
原创 Vue中父组件向子组件传值props
父子组件传值：首先是数据传递是单向的，子组件要用props去接收父组件的数据。父组件：肯定要把子组件先import进父组件再用 或者你用其他的方式<el-main class="elMain"> <!--给子组件自定义一个属性 :propsData 子组件中用props去接收 --> <!--子组件中 props:['propsData'...
2020-03-11 15:47:45
396
原创 系统文件上传接口报错500，文件上传失败：java.io.IOException
报错：java.io.IOException: The temporary upload location [/tmp/tomcat.4556996636669195739.9090/work/Tomcat/localhost/...] is not valid系统中文件上传接口报错如上：可能是服务器文件上产临时目录被删除了。解决方案：1，服务器重启服务（不建议为首选方案）。2，服...
2020-02-27 17:10:45
1072
原创 Activiti工作流，根据数据库的二进制表，导出旧工作流（XML文件）
二进制表：act_ge_bytearray旧工作流名称筛选：鼠标在 BYTES_ 字段下的（BLOB）上右击选择 “保存数据为” 会自动生成整个工作流节点的xml文件然后修改的话用工具打开修改就行了，最后保存一般后缀为 .bpmn文件就不赘述了。...
2019-12-17 17:17:53
791
原创 JS中判断某个数据是否在某个数组中（基于Backbone.js）
业务场景：input做成支持select下拉选，支持自定义输入，模糊搜索+匹配，但是input框失去焦点时不能保留用户自定义的输入，要清空，类似于校验用户输入数据合法性。先给input框绑定blur事件，Backbone中在event中绑定定义events : { "blur #materialCode":"changeInputVal"},即先将数据集合准备好，再根据...
2019-11-28 16:06:45
293
原创 Backbone.js使用Jquery插件实现的自定义输入和模糊搜索匹配
个人记录：前端框架 Backbone.jshtml部分：<!--新增合规用户名称选择--><li class="left" style="width:100%"> <label for="" class="label">客户名称<span class="red">*</span></label> <...
2019-11-20 09:57:55
164
原创 原生JQquery不使用插件实现input框同时支持输入和下拉选择（模糊搜索）
<input></input> 在HTML5时候增加表单属性：" list "，即list属性后是自定义的数据列表，html代码如下：<td> <input class="market-classifiction" name='materialCodeAdd' placeholder="请输入物料代码或中文名.." type="text" li...
2019-08-12 16:57:07
789
原创 本地使用TortoiseGit回滚代码
项目代码文件夹中右键选择：TotoiseGit —>Show log 如下图：选择想要回滚的版本右键选择Reset“dev” to this version 弹出框选择ok即可。
2019-05-15 14:48:29
1755
原创 Vue中axios调用本地后端接口跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource
报错：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9999' is therefore not allowed access本地前端框架 Vue、vue-cli、webpack先找到前端 /config/index.js 配置文...
2019-04-08 15:56:01
5387
原创 Git拉取本地仓库报错：SSL certificate problem: unable to get local issuer certificate
完整错误提示：错误：fatal: unable to access 'https://xxx.xxx.com/xxx/xxx.git/': SSL certificate problem: unable to get local issuer certificate原因：服务器的SSL证书未经过第三方机构签署解决方法：可以忽略SSL验证解决该问题解决方案：修改配置Tortoise...
2019-03-29 18:00:03
3479
原创 Vue+elementUi使用el-dialog弹框
使用elementUi组件库<el-dialog></el-dialog>首先将子组件引入父组件中并且下放也要import进来：还要在components中注册子组件，并且在props中添加如下图：新增watch方法监听；其中的restData(){}是自己定义的在每次关闭弹框时重置弹框中数据的方法，此外return中先将copyEmployee...
2019-03-22 17:25:39
13385
原创 Vue中使用axios（POST请求）调用后端接口时，后端接口接收不到前端参数的问题
最近在学习Vue，期间遇到个问题就是前端页面使用axios调用接口将页面数据存储到数据库中时，使用POST请求时后端Debug不出前端的参数，导致前端触发调用后端接口时后端会一直报错，之前前端这样写的：（接口调用方法单独提出来写在marketmanager的insertMarketManagerFill方法中，这边import引入后直接用就行了）但是问题来了，data中的各参数前端或者...
2019-02-25 10:27:59
8494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人