自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(99)
  • 资源 (1)
  • 收藏
  • 关注

原创 解决js 两个数相除精度丢失问题,如211.81/1000 = 0.211810000003

【代码】解决js 两个数相除精度丢失问题,如211.81/1000 = 0.211810000003。

2024-01-26 14:37:13 117

原创 vue中伪类元素 根据数据改变颜色

【代码】vue中伪类元素 根据数据改变颜色。

2023-07-21 13:56:49 200

原创 下载文件返回值封装

element+vue3.0后端返回text格式返回参数下载

2022-11-23 10:34:59 161 1

原创 table中的select,共用数组,其中一个选中A另一个不显示A

table中的select,共用数组,其中一个选中A另一个不显示A

2022-08-25 17:28:06 228

原创 vue3.0 vite-config配置

vue3.0 跨域配置

2022-08-18 16:22:17 3103

转载 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 368

原创 el-input输入中文替换成空

<el-inputname="username"type="text"id="username"value=""onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"></el-input>

2021-11-12 10:16:37 809

原创 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 1052 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 1171

原创 vue菜单栏前端模糊净赚查询

输入字段 两种 一种输出匹配到的级别<template> <div> <div @click="GroupChange('数据')">aaaaaaaaaaaaaaaaa</div> </div></template><script> export default { name: "App", data() { return { aaaaaaa: [ { ...

2021-10-09 13:16:25 57

原创 前端菜单模糊查询返回包含搜索字段的值

<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 172

原创 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 2631

原创 线上图片直接打开可以打开,放到img不显示

这个是对图片做的有类似加密的一个判断,判断当前域,img标签加上<!--<img alt="" src="//images.weserv.nl/?url=你的线上图片链接" title="">-->就可以正常打开了

2021-08-25 08:55:47 780

转载 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 4898

转载 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 718

原创 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 386

原创 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 284

原创 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 375

原创 vue 数据不带响应式导致数据不能渲染

this.$set(原值, '对象名', 对象值)

2021-06-21 13:18:04 315

原创 Vue Grid Layout - ️ Vue.js 实现工作台的card拖拽效果

npm install vue-grid-layout --save import VueGridLayout from 'vue-grid-layout';

2021-06-16 10:36:04 593

原创 前端实现雪花效果,粒子特效

<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 527

原创 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 320

原创 前端滑块验证码

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 678

原创 时间戳与时间互转

超好用的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 68

原创 element table 加上了input输入框计算值,总计不发生变化

input的值输入后,写下面的方法this.tableData.push({});this.tableData.pop();

2021-05-24 16:10:08 819

转载 SSO单点登录三种情况的实现方式详解

单点登录(SSO——Single Sign On)对于我们来说已经不陌生了。对于大型系统来说使用单点登录可以减少用户很多的麻烦。就拿百度来说吧,百度下面有很多的子系统——百度经验、百度知道、百度文库等等,如果我们使用这些系统的时候,每一个系统都需要我们输入用户名和密码登录一次的话,我相信用户体验肯定会直线下降。当然,对于个人博客这类系统来说根本就用不上单点登录了。假如,我们的系统很庞大,但是就是这一个系统,并没有什么子系统。这时我们也不需要单点登录。我们需要的是搭建集群环境,这里虽说只有一个系统,但是多

2021-05-18 12:30:48 433

原创 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 1800 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 109

原创 对象中的几个值转成数组,对象的名字为一项

如图 转化成数组Object.keys(obj).map(v=>({name:v,value:obj[v]}))把obj 替换成你的对象 就变成了了

2021-04-27 15:48:08 179

原创 element 多层级穿梭狂

具体就不写了,也是引用的这个地址,挺简单的

2021-04-16 18:32:02 254

原创 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 248

原创 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 603

原创 数组中提取两个值组成新数组

letarrnew=this.multipleSelection.map((item,index)=>{returnObject.assign({},{'carton_id':item.carton_id,"logistics":item.wuliudanhao})})

2021-03-11 18:04:38 976

原创 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 137

原创 判断数组中某个字段的值是不是空

if(this.multipleSelection.some((val)=>val.wuliudanhao==='')){this.$message.error('没有输入物流单号,不能发货');}else{}every,some遍历数组,every只要有一项不满足条件都返回false ...

2021-03-11 12:15:40 910

原创 基于element的多层级穿梭框

点击进入

2021-02-07 15:27:25 1367

原创 监听页面宽度,执行操作

//定义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 256

原创 echarts柱状图,数量显示在上方并且为0不显示

{name:'',type:'bar',label:{show:true,position:'top',formatter:function(params){...

2021-01-27 16:39:06 735

原创 前端加水印

水印

2021-01-15 16:41:24 138

原创 在线敲代码工具

网站是这个在线敲代码特别是vue

2021-01-13 15:11:36 605

video-js.swf

我在开发的时候发现一直不能自动播放,设置了autoplay也不行,后来发现谷歌对html做了限制,播放窗口小于400*300不能自动播放,有两个解决办法1、窗口大于等于400*300,我刚我做的事九宫格,每个页面都小于,所以第二个方法2、跨源插件,就是video—js.swf文件,成功解决,我在解决的时候还发现有人说谷歌还做了下面的限制,(静音才能自动播放,我没遇到,也试了,没有静音也能播放.进度条隐藏不能自动播放,我也试了,没有影响。视频隐藏不能自动播放,没有试,估计只有恶意才会用到吧)

2020-03-25

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除