小tips
宸起
君子不器
展开
-
el-tree 必选 提交时规则判断rules
需求:做一个标签选择框,可以选多条标签,根据配置要求某些分类的标签为必选效果在前一篇单选的基础上,增加规则判断。标红*的为必选项,如果没有选,则在点击确定的时候会弹出错误提示。<template> <div> <el-dialog title="API标签" :visible.sync="dialogApiLabelVisible" :close-on-click-modal="false" id="api.原创 2021-08-21 12:25:46 · 778 阅读 · 1 评论 -
el-tree 按分组区分单选和多选
需求:弹出一个会话框,框中标签称树形,并且其中部分数据项必选效果类似下图目前效果:<el-dialog title="API标签" :visible.sync="dialogApiLabelVisible" :close-on-click-modal="false"> <el-tree id="apiTagTree" :data="tagData" show-checkbox nod.原创 2021-08-21 12:24:46 · 946 阅读 · 1 评论 -
在gitee码云上用 git 新建分支
需求: 开发中遇到优化请求,但是尚未测试通过,不能直接并入主版本。此时考虑新建git分支。以gitee为例:1、在gitee项目中新建一个远程分支,我取名dev2、打开本地项目git命令终端,新建dev分支git checkout -b dev此时,可以用git branch -a 查看项目的分支情况3、拉取远程分支git pull origin dev4、建立本地分支与远程分支的连接git branch --set-upstream-to=origin/dev5、取消此分.原创 2021-08-21 12:20:21 · 12075 阅读 · 0 评论 -
JAVA定时任务
要求:(保存上次执行时间)一天一次获取到的信息写到文件中CrontabTaskStaticScheduleTask询问清楚token是固定每天更换,还是说每次获取到的token时效时间为一天?Timer方式/** * 定时任务 * 1.通过Timer实现 * 2.@Scheduled实现 */public class CrontabTask { // 每秒获取上次执行的时间 // 创建文件 public static File createFile().原创 2021-08-21 12:18:32 · 86 阅读 · 0 评论 -
在vue中使用swagger-ui和swagger-editor
需求:在vue中使用swagger-ui和swagger-editorSwagger Editor是一个开源编辑器,用于设计,定义和记录Swagger规范中的RESTful API。Swagger Editor的源代码可以在GitHub中找到。swagger官方文档:https://swagger.io/docs/open-source-tools/swagger-editor/https://swagger.io/docs/open-source-tools/swagger-ui/usa.原创 2021-03-16 18:55:33 · 3288 阅读 · 3 评论 -
vue 动态添加/删除dom元素
需要在点击添加时,增加一行key/value的输入框;点击垃圾桶图标时,删除对应行原创 2021-03-12 14:10:11 · 9432 阅读 · 0 评论 -
elementui el-dialog对话框校验rules问题
前一次打开dialog后产生的rules校验,第二次时打开还存在,没有被消除<el-dialog title="对话框" :visible.sync="dialogFormVisible" :close-on-click-modal="false">...</el-dialog>使用resetFields()方法resetForm(formName) { if (this.$refs[formName]!==undefined) { // 清除.原创 2021-03-11 17:28:12 · 2564 阅读 · 0 评论 -
vue中复用echarts
问题:同一页面下复用同一个echarts组件,会发生覆盖,然后只渲染了一个echarts出来。答:echarts使用id来初始化组件,故要复用的话,id要动态传入子组件。子组件<div class="Echarts"> <div :id="barChartId" style="width: 100%;height: 400px"></div></div><script>props: { barChartId: {.原创 2021-03-11 17:21:54 · 494 阅读 · 2 评论 -
element-ui el-col 奇数份
在elementui中,el-col 默认以24划分,当划分份数为奇数时,24不能整除,如何解决?答:定义动态类,结合css解决。例子:分5份<el-col :xs="12" :sm="12" :lg="lgSpan" class="card-panel-col" v-for="item in panelData"> <div class="card-panel"> <div class="num">{{item.num}}</.原创 2021-03-11 17:17:11 · 2946 阅读 · 0 评论 -
echarts 柱状图中的柱宽超出y轴
line折线图混合bar柱状图使用,由于刚开始line图显示是点在刻度线上。所以再加上bar的时候,柱宽会超过y轴调节方法:xAxis: { data: this.lineChartData.xAxisData, boundaryGap: true}将boundaryGap从false改为true。...原创 2021-03-11 17:10:15 · 1028 阅读 · 0 评论