自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue获取元素offsetTop,mounted获取不到offsetTop,获取元素距离页面顶边距离

通过官方的这张图片知道beforeUpdate阶段一定是mounted已经执行结束,在这个阶段能够正常获取到dom,如果没有触发beforeUpdate在data里加一个值手动修改触发。记录一下开发过程中遇到的坑,今天想做一个功能,当我评论完之后,页面跳到评论区顶部,于是就要获取到评论区距离页面顶部的距离,需要循环获取offsetTop来实现。随后用老办法获取距离顶边的距离然后存到vuex中来实现跨多级组件传递。解决:通过beforeUpdate阶段获取。

2022-10-12 11:07:01 4243

原创 js,判断点击冒泡事件结束,判断点击的位置在元素外部

今天想做一个功能,点我点击某个框外部的时使框的颜色改变达到看上去未选中的效果。我的思路是通过冒泡事件来判断该元素是否在所有冒泡的元素内,此时就需要知道一轮冒泡事件何时结束才能判断。由于点击的冒泡事件是从上往下,由内到外的,所以其实只需要在body身上添加点击事件,将body作为冒泡的最底层就能达到这个效果。可能这个功能还有别的实现办法,但是判断冒泡结束的目的达到了。

2022-10-04 22:36:10 625

原创 在使用vue3+vuex的时候初始化页面时会有这样的报错

在vuex.js中预先定义数据解构,这样在解析时能够找到数据不报错,并在页面加载完成前更新数据。我遇到的这个问题的原因是在html中用到了vuex中映射的数据,代码如下。而这个数据是在mounted生命周期中通过fetch异步请求获得的。所以导致在解析html的时候未能找到tables.list对象。...

2022-08-04 22:57:27 596

空空如也

空空如也

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

TA关注的人

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