自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 常见margin塌陷问题及其解决办法

问题:当两个盒子在垂直方向上设置margin值时会出现塌陷的现象。兄弟盒子垂直并列<!DOCTYPE HTML><html><body> <div class="box1"></div> <div class="box2"></div></body><style> * { margin: 0; padding: 0; } .box1 { wid

2021-03-17 14:30:07 441

原创 时间戳转换方法

// 时间戳转换方法 formatDate(date1) { var date = new Date(date1); var YY = date.getFullYear() + '' var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '' var DD = (date.getDate() < 10 ? '0' +

2021-03-04 09:46:28 612 1

原创 JavaScript数组去重的总结

在JavaScript中数组是比较常用的,本文中总结了下数组去重的几种常用方法,如有问题,请指正。1. 简单粗暴的一种,ES6中set方法:var arr = [1,2,2,3,3,4,5,5];console.log([...new Set(arr)]) //[1, 2, 3, 4, 5]2. 遍历数组,建立新数组,利用indexOf()判断是否存在于新数组中,不存在则push到新数组,最后返回新数组:function removeSame(arr){ var ret = [];

2020-10-16 15:26:49 203 1

原创 element 日期选择器 选择月份 两个input输入框 设置默认月份(当年1月到当前月)

element 日期选择器date-picker 设置默认月份(当年1月到当前月),结束月份大于开始月份,开始月份小于结束月份1. 初始月份设置先放效果图月份选择器<el-date-picker v-model="checkFieldFormData.fromDate" :picker-options="pickerOptionsStart" type="month" format="yyyy-MM" value-format="yyyyMM"

2020-09-08 16:43:09 5683

原创 vue router keepAlive的页面 到此页面根据不同条件判断是否刷新 不刷新时记录滚动条位置

需求A—>B—>C,A页面到B页面时,B页面刷新请求数据,从C页面返回到B页面时则不刷新,需要回到原来选中滚动的地方比如:淘宝的商品列表(B)页面跳转到详情页(C)的时候,当返回上一级的商品列表时,肯定是返回上次浏览的位置,不然用户体验很差,使用了keep-alive之后呢页面不刷新了,随之的问题就是查找特定商品列表(A—>B)时,列表一直是上次缓存的列表页。解决办法首先,在app.vue中使用keepAlive,如果是meta信息里keepAlive为true,那就包在keep-

2020-07-21 14:31:37 1691

原创 使用vue-draggable在拖拽元素上绑定的点击事件在安卓手机上失效

使用vuedraggable后在移动端Android手机点击事件失效效果图如下:问题描述: 在Android机型的手机中点击删除按钮无效。代码如下尝试了网上查资料说的click.stop.prevent方法,使用后问题依然存在。在官网的issues中找到了解决办法。把需要拖拽的元素添加到handle属性中,删除按钮不包含进去就可以解决这个问题了。...

2020-07-10 14:11:36 4634 10

原创 vue 中嵌入iframe页面

使用的是vue-element-admin。需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后,将此页面在右侧打开,每打开一个,tagview中也会相应加上,当切换这些tagview时,要保持每个页面切换前的状态,就是不重载。尝试新建了iframe.vue文件,里面套iframe标签,通过地址的参数不同,跳转不同的iframe页面,但是在做切换时,会导致iframe页面重载,利...

2020-04-24 18:36:45 12186 9

原创 修改 element tree 组件折叠和展开的图标

树节点中的图标 官网文档中介绍了,可以通过renderContent来设置,那折叠和展开的图标小三角怎么修改成想用的其他图标呢。我现在是需要改成在浏览器中查看元素可知嗯,覆盖图标原来的content内容。.el-tree-node__content .el-icon-caret-right:before{ content: "\E604";}content 的内容可以通过...

2020-03-18 19:16:58 5358 3

原创 element中form表单resetFields()方法重置表单无效

element中form表单resetFields()方法重置表单无效首先我在项目中 做的表单项为动态生成的,当点击重置的时候没有发生变化,代码如下:一般问题可能是form忘了写ref,我检查了几遍,发现写法和官网一致,不知道哪出错了,后来比对发现表单项el-form-item要添加prop属性,后加上就可以了。遇到重置无效的问题可以注意下这几点1、添加表单的ref属性2、表单项e...

2020-01-09 16:12:59 5114 2

原创 element的嵌套dialog,在打开第二个dialog的时候会被遮罩层遮住

element嵌套dialog遮罩层的问题做项目的时候遇到一个问题,在一个弹出层的内容区做处理打开另一个弹出层时,第二个弹出层会被遮罩层遮住,点击五次之后遮罩层关闭。然后才发现,element 的dialog嵌套问题,之所以第二次弹出的会被遮住,是因为没有给定 append-to-body。正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它...

2020-01-09 10:47:34 8904 5

原创 element tree 高亮默认展示

element tree 高亮默认展示项目中可能会需要 tree树形的默认有个高亮显示项,在网上找资料基本上都是通过setCurrentKey方法上面也说了,使用此方法必须设置node-key属性。<el-tree ref="tree" :props="defaultProps" :load="loadNode" :render-content="render...

2019-12-17 17:19:01 1156

原创 element tree懒加载模式 手动刷新数据

element tree懒加载模式 手动刷新数据在做项目的时候 遇到的问题是 点击表格内不同的选项 在弹框内加载不同的树形数据。在使用懒加载的时候,发现打开不同的弹框只加载了一次数据,弹框内的内容没有更新。解决办法首先是在data里面定义一个变量,将node.level == 0的node存起来,node.level==0的resolve也存起来。data: () => { r...

2019-12-17 14:48:49 2448

原创 vue + element 自定义表单验证的时候 需要通过请求后端接口验证

vue + element 自定义表单验证的时候 需要通过请求后端接口验证做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。// template<el-form-item label="账户" prop="userid"> <el-input v-model="addForm.userid"></el-in...

2019-12-10 17:01:36 2801 1

原创 vue表单报错 "TypeError: Cannot read property 'resetFields' of undefined

vue表单报错 Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined”在做vue element 项目中,做了一个新增 打开弹框的功能,想每次点击新增的时候表单项重置。使用了this.$refs[formName].resetFields();但是报错了...

2019-12-09 16:53:47 11920 5

原创 在ant design pro项目中引入iconfont图标

在做react的项目时 引入了ant design组件库,由于组件库的图标 有限,想在项目中引入更多的图标,查了半天终于找到了解决办法。解决办法进入阿里巴巴图标库网站 登录选择自己需要的图标,加入购物车。点击选择之后的购物车,选择添加至项目,如果没有项目,可以新建。下载图标至本地,解压文件,找到iconfont.js文件。将iconfont.js文件放入 utils文件夹中。在...

2019-11-07 16:28:50 6200 3

原创 git提交代码到新仓库

做了个新项目 需要提交到远程仓库,记录一下过程找到项目文件夹,进行初始化git init提交代码git add .git commit -m 'first commit'添加远程仓库git remote add origin 远程地址代码推到远程git push origin master如果出现报错解决办法:git pull --rebase...

2019-11-07 09:46:04 2102 1

原创 ant design的Select下拉选择器 带搜索功能

在做项目的过程中,可能会遇到 下拉框内容较多,为了方便用户选择加入检索功能。用法利用ant design 中的select选择器完成此功能。首先 要获取下拉选择内容数据,和普通下拉选的数据结构一致,数组对象 键值对。然后把数据渲染到选择器中,我在项目中 遇到的是数据较多,但是为了防止数据下拉较长,后端返回数据做了类似分页处理,每次返回10条数据,那在获取初始数据时其实就获取了十条数据。把...

2019-11-05 11:50:16 20902 9

原创 ant design pro 跳转新页面 修改功能

ant design pro 修改功能跳转新页面背景例子页面跳转背景在官方提供的例子中 是以弹窗的形式做的修改和新增,在项目中如果遇到 采集项数较多,会在修改页面添加别的功能的情况下 弹窗满足不了此需求了。例子页面跳转先说修改页面吧, 需要在路由配置此页面路由,修改页面会带着此条数据中的唯一标识id。 // 这是列表页的路由配置 { path: '/pages/data-tab...

2019-11-04 15:03:00 6232 2

原创 ant design pro 开发总结

ant design pro 开发总结、一介绍写在前面脚手架下载前端请求流程例子介绍ant design pro 是一套基于 React 的中后台管理控制台的脚手架,它可以帮助你快速搭建企业级中后台产品原型。写在前面你的本地环境需要安装 yarn、node 和 git。技术栈是基于 ES2015+、React、UmiJS、dva、 和 antd,提前了解和学习这些知识会非常有帮助。脚手架...

2019-11-04 11:40:50 1105 1

空空如也

空空如也

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

TA关注的人

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