- 博客(83)
- 收藏
- 关注
转载 elementui的table复选框(含多选框)禁用例子
原文链接:https://www.cnblogs.com/heisetianshi/p/17663286.html。需要全部禁用时,全选按钮隐藏;不需要全部禁用时,全选按钮展示;
2024-04-16 15:39:13 25
转载 Vue项目中使用防抖和节流
之前有接触过闭包这个概念,但是这个直译让人摸不着头脑,而且各种解释又比较繁杂,现在自己实现了一遍才了解到什么是闭包。用java来举个不严谨的栗子,闭包就是:一个private变量,我们可以通过一个公开的方法去访问它。
2023-11-27 19:35:05 391
原创 人人开源启动错误—找不到符号
大概查了一下,主要是lombok版本太低,springboot等环境过高,maven缓存问题,idea缓存问题。添加:-Djps.track.ap.dependencies=false。有人想说这是啥玩意,俺也不知道,反正试一下没错就行了。但几个问题我都处理过,都行不通。可能我的问题不在这吧。
2023-07-07 10:37:16 211
转载 springcloud整合nacos报错 No spring.config.import set
在SpringBoot 2.4.x的版本之后,对于bootstrap.properties/bootstrap.yaml配置文件(我们合起来成为Bootstrap配置文件)的支持,需要导入如下的依赖。由于SpringCloud 2020.*以后的版本默认禁用了bootstrap,导致读取配置文件时读取不到该属性。Spring Cloud 新版本默认将 Bootstrap 禁用,需要将 spring-cloud-[starter]依赖引入到工程中。
2023-07-05 15:02:55 3550
转载 vue 子组件调用父组件方法的几种方式
在父组件中通过 props 的方式传入子组件中,在子组件中直接调用这个方法。在嵌套层级很深的子组件中不建议使用 props 的方式传递父组件的方法,因为层层传递会导致代码变得难以维护。在子组件中通过 this.$parent.event 的方式来调用父组件的方法。在嵌套层级很深的子组件中不建议使用该方式。在子组件中使用 $emit 向父组件触发一个事件,然后在父组件中监听该事件。在嵌套层级很深的子组件中不建议使用该方式。provide 向子孙组件提供父组件的方法或属性。
2023-06-07 16:51:01 475
转载 使用element-ui的弹出框(dialog),页面会抖动一下
在使用Element UI点击按钮,弹出dialog对话框,会出现页面抖动的现象,发现弹出dialog时,样式发生了以下变化:body的style会添加一个padding和hidden按照以下修改即可:<style>body{ padding-right: 0px !important; overflow: hidden;}</style>可以在全局定义,那么其他组件可以共用参考原文:https://blog.csdn.net/zhengyue1314/a
2022-05-30 17:23:44 1315 3
转载 SpringBoot内置工具类
说明:今天无意间看到springboot的一些工具类,平常不怎么注意,所以特此记录一下其实用hutool也还是挺好的一 断言断言是一个逻辑判断,用于检查不应该发生的情况Assert 关键字在 JDK1.4 中引入,可通过 JVM 参数-enableassertions开启SpringBoot 中提供了 Assert 断言工具类,通常用于数据合法性检查// 要求参数 object 必须为非空(Not Null),否则抛出异常,不予放行// 参数 message 参数用于定制异常信息。void
2022-05-19 23:10:23 220
转载 解决element-ui进行校验后控制台提示async-validator验证警告
1、在node_modules文件夹中找到async-validator文件夹中的es下的util.js文件,整个的路径:node_modules > async-validator > es > util.js2、注释util.js中的输出日志,注释掉即可原文链接:https://blog.csdn.net/u014678583/article/details/113930356...
2022-05-16 10:51:22 6038 1
原创 JAVA通用版日期区间
说明:最近写了一些求时间段的数据,发现若是在mysql写的话有点冗余不通用。然后,参考其他博主和自己改造一下生成一篇通用的日期区间工具类。注意,针对于跨年的问题。大家使用的时候注意一下是不是符合你们的需求。代码:package com.crm.untils;import java.text.SimpleDateFormat;import java.util.*;import static com.jdlims.util.DateUtil.getNowMonth;import static
2022-04-18 11:34:34 1234
原创 mysql 查询,天,周,月等写法
1、查询当天的数据select * from 表名 where TO_DAYS(时间字段)=TO_DAYS(NOW());2、查询当周的数据select * from 表名 where YEARWEEK(DATE_FORMAT(时间字段,'%Y-%m-%d'))=YEARWEEK(NOW());3、查询当月的数据select * from 表名 where DATE_FORMAT(时间字段,'%Y%m')=DATE_FORMAT(CURDATE(),'%Y%m');4、查询昨天的数据se
2022-04-15 11:48:54 503
原创 Vue引入Echart初始化错误
1、现象2、解决在main文件中将导入方式 import echarts from 'echarts’改为 import * as echarts from 'echarts’
2022-04-14 17:32:18 956
转载 vsode中查看webpack -v 报错
说明:安装完webpack后,在vscode中查看webpack的版本报错,以下是解决方法1、现象2、解决方法解决方法为:1.关闭vscode,并以管理员身份重启vscode2.在终端中输入:get-ExecutionPolicy 显示Restricted,表示状态是禁止的3.再次输入:set-ExecutionPolicy RemoteSigned 执行后不显示内容;4.最后再输入:get-ExecutionPolicy,显示RemoteSigned;原文链接:https:
2022-04-10 14:38:07 525
转载 创建vue脚手架完整版
说明:最近打算练习一些vue相关的项目,平常创建不多容易忘记。所以,打算参考其他博主的一些文章记录一下完整创建vue脚手架的流程一、安装nodewin+r输入cmd打开控制台窗口,输入:node -v检查是否安装node。如果没有安装先去官网安装,安装地址:https://nodejs.org/en/二、安装cnpm(非必要),但是国内的话安装了会快很多。输入命令安装:npm install -g cnpm -registry=https://registry.npm.taobao.org
2022-04-10 14:22:18 328
原创 elementui Table的表头内容过长改为......并提示
一、效果图二、代码我的el-table-column是通过遍历出来的,设置默认width,然后回调render-header<!-- 测试过滤字段 --> <el-table-column v-for="item in clientTranslate" :prop="item.fileterFieldName" :label='item.fileterEnName' :key="item.filet
2022-03-31 15:40:19 3010 3
转载 element中表格列要遍历时如何加插槽(template)
一、问题详情在项目中遇到这个问题就是要在element中的el-table标签中的el-table-column标签中使用插槽来自定义表格列的内容,由于el-table-column要用v-for遍历出来,所以操作起来就比较麻烦,于是有了一下代码:<el-table :data="tableData" style="width: 100%"> <el-table-column :label="v.name" :key="k"
2022-03-30 17:34:02 7660 1
转载 Vue 拖拽组件(实现上下拖拽) vuedraggable
引入依赖npm i -S vuedraggable这样可以实现一列按钮之间 可以进行上下拖拽 重新排版<template> <vuedraggable v-model="list"> <transition-group> <div v-for="item in list" :key="item" class="item"> <van-button>{{item}}</van-button>
2022-03-28 16:33:56 1486
转载 elementui table 固定列_Vue动态控制表格列的显示和隐藏
1.效果如图v-if=“lists[0].ispass” 来判断表格列的状态每一列是否显示或隐藏 勾选则展示、取消勾选隐藏、默认勾选2.代码<el-dropdown :hide-on-click="false"> <i class="iconfont icon-shaixuan" ></i> <el-dropdown-menu slot="dropdown" > <el-
2022-03-28 16:31:26 1662
转载 Cookie、session和localStorage、以及sessionStorage之间的关系
一、Cookie、session和localStorage的区别cookie的内容主要包括:名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间,则表示这个cookie的生命期为浏览器会话期间,关闭浏览器窗口,cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。会话cookie一般不存储在硬盘而是保存在内存里,当然这个行为并不是规范规定的。若设置了过期时间,浏览器就会把cookie保存到硬盘上,关闭后再打开浏览器这些cookie仍然有效直到超
2022-03-18 22:53:00 327
原创 给element的Calendar的头部添加按钮—Vue.js
1、原型2、代码 // 默认渲染完成后 mounted(){ // 获取demo元素 let nextBtn = document.querySelector( ".el-calendar__button-group .el-button-group > button:nth-child(3)" ) // 获取button的父节点 let parent = nextBtn.parentNode // 创建一个button元素
2022-03-11 15:05:32 1598
转载 element-ui table 表格内(单行)出现一根下划线
1、现象2、说明element-ui table表格组件 , 在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现 这种情况 , 底部出现一根横线 , 谷歌浏览器没问题, ie11 浏览器是这个问题 , 记录一下3、解决方法设置全局样式 ,.el-table__fixed-right{ height: 100% !important; }记住是加在全局样式上 , 不能加在含有scope的独立style上原文链接:https://www.cnblogs.com
2022-03-04 11:38:23 1640
转载 Element UI 框架中Loading 区域加载的使用方法
Loading 加载用于加载数据时显示动效Element UI中的Loading组件默认是全屏显示,大多时候出于美观考虑我们并不需要这种功能 而是让它显示在我们需要的地方,比如一个后台管理系统,我们和后台进行网络传输的时候,我们并不需要把导航栏和系统的头部覆盖住,只需要内容部分显示,这时候我们就需要对组件的参数进行设置。Element 提供了两种调用 Loading 的方法:指令和服务。对于自定义指令v-loading,只需要绑定Boolean即可。默认状况下,Loading 遮罩会插入到绑定元素的子
2022-03-02 13:52:43 6942
转载 vue 项目放弃“tui-editor“:“1.3.3“,
从官网 https://github.com/PanJiaChen/vue-element-admin 下载的版本带有 tui-editor版本1.3.3 ,在编译时会遇到如下问题:error An unexpected error occurred: "https://github.com/sohee-lee7/Squire.git/info/refs?service=git-upload-pack: connect ETIMEDOUT 20.205.243.166:443".info If you
2022-03-01 14:49:31 2860
原创 fatal: unable to access ‘https://github.com/PanJiaChen/vue-element-admin.git/‘
1、问题我在本地克隆GitHub的vue-element-admin项目的时候所产生的问题2、现象如下图3、解决方法将git clone https://github.com/PanJiaChen/vue-element-admin.git中的https改为git即可。例:git clone git://github.com/PanJiaChen/vue-element-admin.git4、简单分析区别就是所用的协议不同:https用443端口,可以对repo根据权限进行读写,只要
2022-03-01 11:23:09 8386
原创 SecurityError: (:) [],PSSecurityException
1、现象2、解决方法一Set-ExecutionPolicy RemoteSignedSet-ExecutionPolicy RemoteSigned -Scope Process3、分析暂不清楚,具体这篇文章也是参考其他博主的。我这是其中一种解决方法,可能还有其他解决方法。...
2022-02-25 16:09:36 1428
原创 vue element 多个Formt表单同时验证
1.多个Form内容统一提交验证<el-form ref="form1"></el-form><el-form ref="form2"></el-form><el-form ref="form3"></el-form><el-form ref="form4"></el-form>export default{ data(){ resultArr:[],//接受验证
2022-02-21 16:33:24 3024 2
转载 mysql 出现You can‘t specify target table for update in FROM clause错误的解决方法
一、分析mysql出现You can’t specify target table for update in FROM clause 这个错误的意思是不能在同一个sql语句中,先select同一个表的某些值,然后再update这个表二、现象例如:message表保存了多个用户的消息 创建表CREATE TABLE `message` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `uid` int(10) unsigned NOT NULL
2022-02-17 12:40:07 1905
转载 修改element-ui Dialog对话框自适应高度 仅body内容部分滚动
用element-ui Dialog 对话框时遇到这样一个问题(如下图),就是打开Dialog对话框后,它的高度不是自适应高度,从而导致浏览器产生滚动条,用户体验不是很好,经过一番修改,改成自己想要的自适应高度弹框。定义样式如下:<style lang='scss'> /* 所属客户的input的按钮的颜色 */ .inputBox > .el-input-group__append { background-color: #5599ff; color: wh
2022-02-14 16:37:33 4529 3
转载 vue项目中开启Eslint碰到的一些问题及其规范
eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到1、‘layer’ is defined but never used 这是定义了一个变量但是未使用到该变量,vue经常需要在全局进行声明,以便任何组件都能用到,但是经常会这样警告可以在 .eslintrc.js 文件中修改配置,增加如下代码:“no-unused-vars”:"off"rules: { // allow async-await 'generator-star-spacing':
2022-02-11 10:41:21 985
转载 vue实现文件预览
1、可以预览图片、文档、视频等2、(注意)视频需要安装视频预览插件:cnpm install --save video.js3、组件代码<template> <div> <!--图片--> <div v-if="imgShow"> <img :src="downloadUrl" /> </div> <!--doc,excel--> <div v-else-i
2022-02-10 11:49:54 13830 10
转载 解决Parameter ‘xxxList‘ not found. Available parameters are [Collection,list]
在使用foreach语句时会经常报Parameter ‘ordersList’ not found. Available parameters are [Collection,list] 这个错误,造成这个错误的主要原因你的写法错误:请看错误实例mapper接口中List<Orders> selectKeyList(List<Integer> ordersList);在mapper.xml中你的写法是 <foreach collection="ordersL
2022-02-09 17:00:17 8648 3
转载 elementui上传组件 before-upload返回false自动调用before-remove和on-remove钩子问题解决方法
<el-upload class="upload-demo" ref="upload" action="/datastatistics/file/upload" :on-remove="handleRemove" :on-success="uploadSuccess" :on-error="uploadFaild" .
2022-02-09 14:33:05 2555 9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人