自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 background-size: cover和100%的区别

background-size:100% 100%:把背景图进行横向和纵向的拉伸,图片比例随之改变,这种方法可能会导致图像失真;background-size: cover:把背景图扩展至足够大,直至完全覆盖背景区域,图片比例保持不变且不会失真,但某些部分被切割无法显示完整背景图。

2023-08-03 10:24:27 653

原创 vue项目引入element ui自定义主题

vue项目引用自己定义的element ui主题

2023-03-20 10:37:17 367

原创 element dropdown

二级下拉菜单实现及点击二级下拉菜单项,一级菜单同时消失。

2023-03-10 14:01:51 155

原创 driver.js+vue

直接说怎么在vue项目中使用driver.js。基本选项和一些API方法就不说了,网上都有。然后创建一个js文件,写具体的步骤内容。最后在对应的vue组件中使用。然后在main.js中引用。

2023-02-15 18:03:34 333 1

原创 element ui menu子元素获取

后面查阅资料后发现可能是因为el-menu还没有渲染完成就进行了获取,所以使用setTimeout起到一个延时的效果之后可以获取到。开发过程中遇到一个问题:通过id或者class获取到element ui的menu的el-men-item元素。但是发现在mounted中获取到的为null。使用setTimeout()

2023-02-15 17:12:35 239

原创 表单里面嵌套表单的验证方式

form表单里面嵌套表单的验证实现

2023-02-01 15:31:40 130

原创 前端杂项小记

数组对象根据元素的某个属性查找元素方法

2023-01-28 20:47:20 50

原创 grid布局

grid布局常用属性介绍

2023-01-03 16:58:38 77

原创 JS 常见方法合集

用法:arr.slice(a, b),其中a,b为元素下标,截取元素前闭后开。如果a,b为负数,则从尾部开始计算,-1表示数组的最后一个元素。(简单理解就是判断该实例对象是不是由该构造函数构造出来的)用于数组元素排序,数组元素可以是数字或字母。属性是否出现在某个实例对象的原型链上。对数组元素进行截取,并返回一个新的数组。返回值为true or false。

2022-12-15 17:48:14 175

原创 element upload组件上传头像

需求:利用 element ui 的 upload 组件把图片转化为 base64 编码进行头像上传。最后出来的效果就是这样的啦。话不多说,直接上代码。

2022-12-09 14:10:13 228

原创 element table动态切换

后来查阅element的官方文档和一些资料发现要通过key值去标识切换时对应的table,即每次切换对应的表格实际上并不是同一个,成功解决以上问题。刚开始只是设置了一个状态位用v-if去判断该列是否显示。需求是table表格动态切换时,一些列会隐藏或显示。结果发现动态切换table表格时,该列并没有被隐藏。这里动态绑定的key值,保证是唯一的就可以啦。

2022-12-09 13:22:06 846

原创 element ui input框无法输入

但是随之又有了一个问题,就是input虽然可以输入了,但是表单验证失效了,查阅各种资料后换了一种方法用JSON.parse(JSON.stringify(this.editForm))成功解决,浅浅记录一下。在项目中遇到input框无法输入,查阅资料后,发现可能是层级嵌套过深的原因,故采用this.$forceUpdate()的方法强制刷新页面,解决了input框无法输入的情况。

2022-11-14 10:15:18 1447 3

空空如也

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

TA关注的人

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