- 博客(100)
- 资源 (1)
- 收藏
- 关注
原创 layui table 纵向滚动条导致单元格表头表体错位问题
我用的时layui2.6.8版本 历史项目维护,bug给我让我做了,本来利用前端手段强解决,后来发现很多table找了解决办法打开layui-v2.6.8/lay/modules/table.js如果打开后时压缩的代码 直接搜索e.find(".layui-table-patch")找到然后把改成2.如果是直接下载的table.js 则到table.js源码中→搜索 →纵向滚动条宽度,找到了,并按下图修改注,因没有代码 引用的layui table表格
2024-11-28 15:54:13
601
原创 解决js 两个数相除精度丢失问题,如211.81/1000 = 0.211810000003
【代码】解决js 两个数相除精度丢失问题,如211.81/1000 = 0.211810000003。
2024-01-26 14:37:13
374
转载 js判断一个字符串是否是数字
functionisNumber(val) {varregPos = /^\d+(\.\d+)?$/;//非负浮点数varregNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;//负浮点数if(regPos.test(val) || regNeg.test(val)) {returntrue;...
2021-11-15 16:07:35
438
原创 el-input输入中文替换成空
<el-inputname="username"type="text"id="username"value=""onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"></el-input>
2021-11-12 10:16:37
942
原创 vue列设置 多选框加上拖拽效果
<template> <div> <div class="container"> <div class="handle-box"> <div class="condition"> <span class="textfont">创建日期范围:</span> <el-date-picker v-model="form.value2" type="daterange" align=".
2021-10-14 10:31:00
1220
1
原创 vue 子页面调用父页面方法,同步改变父页面data的值
父页面正常写一个方法通过provide 把方法爆露出来方法:methods: { updateTitle(data){ console.log(data + '111111') this.chenname=data; }, }爆露出来:export default { provide(){ return{ updateTitle:this.updateTitle
2021-10-11 17:12:41
1244
原创 vue菜单栏前端模糊净赚查询
输入字段 两种 一种输出匹配到的级别<template> <div> <div @click="GroupChange('数据')">aaaaaaaaaaaaaaaaa</div> </div></template><script> export default { name: "App", data() { return { aaaaaaa: [ { ...
2021-10-09 13:16:25
86
原创 前端菜单模糊查询返回包含搜索字段的值
<template> <div> <div @click="GroupChange('数据')">aaaaaaaaaaaaaaaaa</div> </div></template><script> export default { name: "App", data() { return { aaaaaaa: [{ "icon": "", "name": "_.
2021-10-09 10:51:50
212
原创 Js 递归查找数组中指定条件的一组对象
需求:在多维数组中查找指定条件的对象,且取出该对象内容数据;数组数据格式如下:image实现:方法一: // 递归查找 getParentId(list, iid) { for(let o of list || []) { if(o.category_id == iid) return o const o_ = this.getParentId(o.c
2021-10-09 10:10:22
2762
原创 线上图片直接打开可以打开,放到img不显示
这个是对图片做的有类似加密的一个判断,判断当前域,img标签加上<!--<img alt="" src="//images.weserv.nl/?url=你的线上图片链接" title="">-->就可以正常打开了
2021-08-25 08:55:47
941
转载 js处理数组对象中相同字段放到同一个数组中
var arr=[{name:2,id:3},{name:2,id:4},{name:3,id:5},{name:3,id:6},{name:1,id:1},{name:1,id:2}];// 传入一个数组// 按照特定方式格式化function sortArr(arr, str) { var _arr = [], _t = [], // 临时的变量 _tmp; // 按照特定的参数将数组排序将具有相同值得排在一起 arr...
2021-07-15 20:02:38
5143
转载 element checkbox不支持绑定对象
关于解决elementUI组件el-checkbox-group无法绑定对象数组的问题1.问题背景2.解决方案1.把 element 源码克隆到本地2.安装依赖3.查找文件4.替换代码5.重新打包6.GitHub下载1.问题背景<template> <el-checkbox-group v-model="checkList"> <el-checkbox label="复选框 A"></el-checkbox> <e...
2021-07-08 12:07:42
786
原创 transform标签配合keepalive使用时,画面重叠
<div class="content"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="tagsList"> <router-view v-if="$route.meta.keepAlive && isRouterAlive">.
2021-07-01 15:03:52
481
原创 vue+element 制作页签
https://bhuh12.github.io/vue-router-tab/zh/guide/essentials/#%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE
2021-06-29 16:12:05
350
原创 i18n input验证信息rules不改变
有两种方式可以解决表单验证更新问题第一种:通过computed属性以基础表单为例,代码如下:<template> <div> <el-form :model="form" :rules="rules" ref="form"> <el-form-item :label="$t('form.Name')" prop="name"> <el-input v-model=...
2021-06-21 17:19:29
459
原创 Vue Grid Layout - ️ Vue.js 实现工作台的card拖拽效果
npm install vue-grid-layout --save import VueGridLayout from 'vue-grid-layout';
2021-06-16 10:36:04
685
原创 前端实现雪花效果,粒子特效
<template> <div id="main"> <canvas id="canvas" ref="canvas" style="z-index: 100;position: fixed;top: 0;width: 100%;height: 90%;"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> </div></template&...
2021-06-11 17:50:18
629
原创 element多个表单,对单个表单进行验证
this.$refs[formName].validateField('mobile', valid => { console.log(valid) if(!valid) { if (!this.timer) { this.count = TIME_COUNT this.show = false this.timer = setInterval(() =...
2021-06-11 15:35:49
380
原创 前端滑块验证码
npm i -S zx-verify新建文件 vabVerify.jsimport VabVerify from 'zx-verify'import 'zx-verify/dist/zx-verify.css'export default VabVerify页面模板<template> <div class="verify-container"> <vab-verify ref="slideDiv" ...
2021-06-11 11:02:30
745
原创 时间戳与时间互转
超好用的momentnpm install moment --savemain.js里面// 引入moment 日期时间处理器import moment from 'moment/moment'// 时间过滤器Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY年MM月DD日'; // return moment(value).format(f.
2021-05-27 15:52:24
112
原创 element table 加上了input输入框计算值,总计不发生变化
input的值输入后,写下面的方法this.tableData.push({});this.tableData.pop();
2021-05-24 16:10:08
888
转载 SSO单点登录三种情况的实现方式详解
单点登录(SSO——Single Sign On)对于我们来说已经不陌生了。对于大型系统来说使用单点登录可以减少用户很多的麻烦。就拿百度来说吧,百度下面有很多的子系统——百度经验、百度知道、百度文库等等,如果我们使用这些系统的时候,每一个系统都需要我们输入用户名和密码登录一次的话,我相信用户体验肯定会直线下降。当然,对于个人博客这类系统来说根本就用不上单点登录了。假如,我们的系统很庞大,但是就是这一个系统,并没有什么子系统。这时我们也不需要单点登录。我们需要的是搭建集群环境,这里虽说只有一个系统,但是多
2021-05-18 12:30:48
474
原创 vue+element 动态添加一项下拉框
1.开发中有个实习生有一个需求,写了个demo记录下来了,东西不难,遇到同样的没头绪可以看看<template> <div style="margin: 48px;"> <el-table :data="list"> <el-table-column label="偏远地区加价" min-width="300"> <template #default="..
2021-05-17 14:22:44
1908
2
转载 element 次级联动点击一项加载下一项,地址限加载
<el-form-item label="商品类目:" v-if="navstate==-1"> <el-cascader v-model="preSearchForm.class" :props="props" :show-all-levels="false"></el-cascader></el-form-item>data:{return:{props: { lazy: true, l...
2021-04-29 16:07:19
150
原创 对象中的几个值转成数组,对象的名字为一项
如图 转化成数组Object.keys(obj).map(v=>({name:v,value:obj[v]}))把obj 替换成你的对象 就变成了了
2021-04-27 15:48:08
214
原创 ele 多选框实现三级联动权限管理
<template> <el-form label-width="200px"> <el-button @click="aa">点击我打印结果</el-button> <el-form-item v-for="v1 in list" :key="v1.id" style="border-top: 1px solid red;padding-left: 24px;"> <el-c.
2021-04-01 15:14:06
295
原创 table里面套一个table,双重数组,并且对内部数组进行单元格合并
1.主数组为tabledata2.因为是双重数组,内部数组单元格合并,3.:span-method="data => spanMethod(scope.row.purchase, data)"这样写4.methods: {//判断当前值与上一个值对比,相同合并 spanMethod(data,name ){ console.log(name,data) if(name.columnIndex ...
2021-03-25 17:32:51
664
原创 数组中提取两个值组成新数组
letarrnew=this.multipleSelection.map((item,index)=>{returnObject.assign({},{'carton_id':item.carton_id,"logistics":item.wuliudanhao})})
2021-03-11 18:04:38
1073
原创 2021-03-11element合并单元格
数据格式[ { "carton_id": "10020711", "carton_name": "100207-1", "carton_sort": "0", "created_at": "0", "id": "1", "is_deleted": "0", "logistics": null, "order_id": "1002071", "state
2021-03-11 17:37:38
175
原创 判断数组中某个字段的值是不是空
if(this.multipleSelection.some((val)=>val.wuliudanhao==='')){this.$message.error('没有输入物流单号,不能发货');}else{}every,some遍历数组,every只要有一项不满足条件都返回false ...
2021-03-11 12:15:40
964
原创 监听页面宽度,执行操作
//定义screenWidthdata() { return { screenWidth: document.body.clientWidth, }; },//打开监听mounted() { const that = this window.addEventListener("resize", function() { return(() => { window.screenWidth = document.body.clientWidth.
2021-02-06 18:06:16
314
原创 echarts柱状图,数量显示在上方并且为0不显示
{name:'',type:'bar',label:{show:true,position:'top',formatter:function(params){...
2021-01-27 16:39:06
804
video-js.swf
2020-03-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人