- 博客(12)
- 收藏
- 关注
原创 background-size: cover和100%的区别
background-size:100% 100%:把背景图进行横向和纵向的拉伸,图片比例随之改变,这种方法可能会导致图像失真;background-size: cover:把背景图扩展至足够大,直至完全覆盖背景区域,图片比例保持不变且不会失真,但某些部分被切割无法显示完整背景图。
2023-08-03 10:24:27
653
原创 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
原创 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关注的人