- 博客(59)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-table 复选框，el-select多选， 图片上传
1、el-table 复选框实现删除（包含批量删除）<template> <div class="app-container"> <div> <el-card class="box-card" style="margin-bottom: 20px"> <el-form ref="searchForm" :model="sreachInfo" label-position="right" label-width="
2022-04-24 17:16:43
865
转载 安卓h5 微信 字体大小影响h5样式bug
安卓：(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListener) { document.addEventListener("WeixinJSBridgeR
2022-02-24 14:11:20
168
原创 html 遇到的问题
1、ajax 复制的变样要使之变成全局变量需要加上async : false, $.ajax({ type:"get", //使用get方式 url: "./count/country_code.json", //json文件相对于这个HTML的路径 dataType:"json", async : false, success:function(data) { //这个data就是json数据 countryJson=data } },
2022-01-13 15:08:58
132
原创 bug记录_1 文件名截取问题
在使用MD5码制作文件上传时，出现的保存的地址存在中文，导致无法播放的问题，这是因为粗心大意在截断文件名时，使用的是indexof截取。这样xxx.mp4 文件不会有问题。但是如果是xx.xx.mp4的文件。那么就会导致出现问题，应该使用lastIndexOf来截取最后一个。以此篇来记录，不要再犯相同的错误...
2021-12-30 16:45:04
155
原创 vue el-table排序
在java中 @RequestParam(value="prop", required=false) String prop, @RequestParam(value="sort", required=false) String sort, /*排序*/ String sortStr=""; if ((prop!=""&&prop!=null)&&(sort!=""&&sort!=null)){ sortStr="order
2021-12-10 09:14:10
682
原创 vue 表单校验
price:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$',required: true, message: '此项不能为空且只能输入非负数，请检查', trigger: 'blur' }], learnUserNum:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$',required: true, message: '此项不能为...
2021-12-09 16:58:19
597
原创 vue 重复刷新
mounted: function() { this.setTimer() }, setTimer() { clearInterval(this.timer) this.timer = setInterval(() => { // alert("时间到了，下一次时间是"+this.time.refreshMin+"分钟后") this.doReflush() }, 1000)// 单位毫秒 },..
2021-12-06 14:37:44
436
原创 el-upload 上传图片
<el-upload class="upload-demo" ref="upload" :limit="1" :on-exceed="handleExceed" :on-success="handle_success" :action="upUrl" :on-preview="hand...
2021-11-24 17:52:32
1746
原创 el-tree 数据残留问题
<el-tree ref="treeOption" show-checkbox default-expand-all highlight-current accordion node-key="id" check-on-click-node :data="cisTree.tutorialsTy...
2021-11-23 18:09:37
715
原创 vue elementui tree-select组件
<template> <el-select ref="selectTree" v-model="value" :placeholder="placeholder" v-bind="$attrs" clearable @remove-tag="removeTag" > <el-option value="" /> <el-tree ref="treeOption" :sho
2021-11-19 16:46:24
982
原创 java stream 生成树形结构
1、entity@Data@EqualsAndHashCode(callSuper = false)@Accessors(chain = true)public class TutorialsCategory implements Serializable { private static final long serialVersionUID = 1L; private Long id; /** * 上级类别（0表示一级分类） */ pr
2021-11-18 15:16:10
1152
转载 el-table排序以及echarts数据视图优化
一、el-table排序1、java @RequestParam(value="prop", required=false) String prop, @RequestParam(value="sort", required=false) String sort,/*排序*/ String sortStr=""; if ((prop!=""&&prop!=null)&&(sort!=""&&sort!=null)){ sortStr=
2021-11-17 16:11:27
441
原创 list与list之间当某个属性值相等时，设置其他属性
if (firstUserWithdrawalNumList.size()>0&&firstUserWithdrawalNumList.get(0)!=null){ List<UserHomeData> list = userHomeList.stream() .map(userHomeData -> firstUserWithdrawalNumList.stream() .filter(firstData -> use
2021-11-17 13:46:35
1894
原创 vue v-if和v-show的闪烁问题
1、使用v-if控制一个按钮的显示时，会出现加载时闪烁的问题造成用户体验不好。网上的解决方式使用v-cloak <el-button v-if="isRoles" v-cloak class="filter-item" type="primary" icon="el-icon-circle-plus-outline" @click="addBroker"> 添加 </el-button><style type=
2021-10-25 18:13:53
3442
原创 vue定时计时
countdown() { // 做判断当倒计时结束时都为0 if (new Date().getTime() >= this.endTime) { this.d = '00' this.h = '00' this.m = '00' this.s = '00' return } // 用结束时间减去当前时间获得倒计时时间戳 const msec = thi...
2021-10-14 11:32:38
306
原创 vue button点击按钮背景改变
<button v-for="(item,index) in tagList" :key="index" :class="active==index ? 'activeClass1' : 'activeClass2' " @click="selected(index)"> {{ item.name}} </button>tagList...
2021-10-12 19:07:42
1638
原创 关于Android手机真机测试测试接口http出现DioError的记录
1、方法在andriod文件下的app的main包的res包下添加network_security_config.xml<?xml version="1.0" encoding="utf-8"?><network-security-config> <base-config cleartextTrafficPermitted="true" /></network-security-config>2、然后修改AndroidManifest.xm
2021-09-03 15:30:33
389
转载 java基础复习：集合（List.Set.Map）
概述：List , Set, Map都是接口，前两个继承至Collection接口，Map为独立接口Set下有HashSet，LinkedHashSet，TreeSetList下有ArrayList，Vector，LinkedListMap下有Hashtable，HashMap，TreeMapCollection接口下还有个Queue接口，有PriorityQueue类总结：1、List 有序,可重复ArrayList优点: 底层数据结构是数组，查询快，增删慢。缺点: 线程不安全，效
2021-08-12 15:20:15
57
原创 java基础复习：数组集合的遍历
1、数组的遍历：(1)使用for或者while来遍历int[] arr={1,2,5,7,9};//使用for遍历 for (int i=0;i<arr.length;i++){ System.out.println("arr"+i+":"+arr[i]); }//使用while遍历 int j=0; while (j<arr.length){ System.out.println("arr"+j+"
2021-08-11 16:43:13
205
原创 关于el-table,数据修改，不及时更新问题
1、使用el-table,当我们修改数据库的数据后，el-table的数据还是原来的没有及时更新数据，必须重新从接口取新的数据才会变化，造成用户体验不好，使用this.$set解决 var url = this.HOST + '/xx/xx' var qs = require('qs'); this.$axios.post(url, qs.stringify(this.info), { headers: {
2021-08-11 14:57:37
3424
原创 使用v-if页面不及时刷新
1.使用v-if改变了值，而vue的值没有及时刷新，解决办法，使用key，设置key来实现及时刷新 <el-table-column v-model="roles" v-if="roles!='MANAGER'" label="操作" width="100px" align="center" :key="del"> <template slot-scope="{row}"> <el-button v-if="row.provid
2021-08-09 11:20:53
3696
1
原创 mybatis注解
@Select({"<script>", "SELECT * FROM user_sms", "<where>", "<if test='userId!=null and userId != \"\"'>", "AND user_id= #{userId}", "</if>", "</where>", "order by id DESC limit #{currPotion}, #{pageSize}".
2021-08-02 11:58:52
115
原创 vue el-table排序以及下拉框保存
1、el-table排序 <el-table v-loading="listLoading" :data="list" element-loading-text="载入中" border fit stripe highlight-current-row :height="tableHeight" width="100%" @sort-change="sortChange"&g
2021-07-23 14:07:45
632
原创 vue使用Pagination 遇到的一个问题
在使用vue Pagination时，由于有搜索功能，那么可能导致page搜索没有重置。出现bug <Pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="search" />data(){return{ list: [], listLoading: true, total: 0, listQuer
2021-07-19 10:23:56
399
原创 vue前端解析excel并在页面展示数据
使用vue实现关于前端导入excel 解析成json并在页面展示数据<template> <div class="app-container"> <div class="index" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="拼命加载中..."> <input type="file" @change="importF
2021-07-15 16:54:06
2153
原创 el-dialog再次打开时v-distpicker省市区清除
在vue项目中，使用了v-distpicker来做省市区三级联动，但是有个问题，即当el-dialog设置了一遍省市区后，再次打开el-dialog省市区还是原来设置了的数据，很不美观。所以要清除省市区的数据v-if <el-dialog title=地址信息" :visible.sync="dialogFormVisible" v-if="dialogFormVisible"> dialogFormVisible: false,使用v-if创建新的el-dialog 销毁旧的e
2021-07-15 10:56:55
395
原创 vue el-table导出excel表
1、在src的utils创建excel.js//引入依赖import FileSaver from 'file-saver';import XLSX from 'xlsx';// id绑定的id，title表格名称export const excel = (id, title) => { /* generate workbook object from table */ // 判断要导出的节点中是否有fixed的表格，如果有，转换excel时先将该dom移除，然后append
2021-07-13 16:19:22
593
原创 弹窗回显数据 int类型不能通过校验的解决办法
number:[{ type: 'string', pattern: '^[0-9]*$',required: true, message: '此项不能为空且只能输入整数，请检查', trigger: 'change' }],在编辑中弹窗回显的数据如果是integer类型，那么其不能通过上面的校验，如何解决 this.list = res.data.rows console.log("测试："+res.data) //res.d.
2021-07-08 10:33:15
251
原创 2021/7/7vue
1、vue 界面拉伸 screenHeight: document.body.clientHeight, tableHeight: window.innerHeight-300, window.onresize = () => { this.screenHeight = document.body.clientHeight; this.tableHeight=this.screenHeight-300; };2、el-tabl
2021-07-07 11:19:34
62
原创 vue table数据展示以及确认框
1、el-table 数据展示(1)第一种 <el-table-column label="状态" width="180px" align="center"> <template slot-scope="scope"> <span v-if="scope.row.userState==0" >正常</span> <span v-if="
2021-07-05 16:15:22
146
原创 el-form校验提交的问题
使用el-form做提交时，使用了校验，那么只有校验通过是才能提交表单。重点el-form ref="ruleForm" this.$refs['ruleForm'].validate((valid) => {}<template> <div class="app-container"> <el-card class="box-card" style="margin-bottom: 20px;height: 80px"> <e
2021-06-29 16:45:12
1397
原创 mybatis plus使用注解编写sql语句
@Select( {"<script>", "SELECT * FROM user_task", "WHERE 1=1", "<if test='userId!=null and userId!=0'>", "AND user_id = #{userId}", "</if>", "order by id desc limit #{currPotion}, #{pageSize}", "</script>"} .
2021-06-28 17:09:53
3239
原创 vue增加编辑页面案例
<template> <div class="app-container"> <div class="filter-container" style="padding-bottom: 20px"> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-circle-plus-outline" @click.native="a
2021-06-25 09:31:39
636
转载 通过时间戳转换，时间取整即 0 15 30 45
时间戳转换，转载地址 //时间戳转时间，时间转时间戳 unixToDate(unix, format) { if (!unix) return unix let _format = format || 'yyyy-MM-dd hh:mm:ss' const d = new Date(unix * 1000) const o = { 'M+': d.getMonth() + 1,
2021-06-24 15:28:41
1001
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人