首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
李某某的学习生活
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
2
文章 2
沸点 0
赞
2
返回
|
搜索文章
李某某的学习生活
3年前
关注
将数组通过奇偶性进行多行排列
问题:一个数组若是偶数,则每行两个进行排列,若是奇数个,则排列成一行。 解决:首先对数组进行分割,一行代表一个数组,将数组通过个数分割成小数组。在页面中通过两个循环渲染出来...
0
评论
分享
李某某的学习生活
3年前
关注
通过点击tab切换scrollIntoView跳转到对应的位置
问题详述:在页面中,顶部是tabs,中间部分为每一个tab对应的模块,通过切换tab,使得页面滑动到该模块。 解决:首先,需要定义每个模块可被搜寻的标志,可通过ref以及i...
0
评论
分享
李某某的学习生活
3年前
关注
使用IntersectionObserver实现吸底功能
IntersectionObserver接口,提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法,祖先元素与视窗(viewport)被称...
0
评论
分享
李某某的学习生活
3年前
关注
this.$nextTick的用法
this.$nextTick将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。 在实际开发中,出现了一个问题,当在一个页面上切换某个规格...
0
评论
分享
李某某的学习生活
3年前
关注
vue:实现点击空白区域关闭弹窗
1、首先给外层容器设置一个ref属性:mian,当visibe为true时,弹框出现。 全局定义一个点击事件,当弹窗出现时,点击空白区域将弹窗关闭。别忘了在页面注销前,将点...
2
1
分享
李某某的学习生活
3年前
关注
vue 组件中的 model: 允许自定义组件在使用 v-model 时定制 prop 和 event
类型:{props?: string, event?: string} 详细:允许一个自定义组件在使用v-model时定制prop和event,默认情况下,一个组件上的v-...
0
评论
分享
李某某的学习生活
3年前
关注
瀑布流布局
瀑布流又称瀑布流式布局,是一种多列等宽不等高的一种页面布局方式。视觉表现为参差不齐的多栏布局。随着页面滚动条向下滚动,这种布局会不断加载数据并附加至当前的尾部。是一种多列等...
0
评论
分享
李某某的学习生活
3年前
关注
directive定义一个滑动后加载更多的指令
定义一个加载更多的指令,当滑动某个el-table时,滑动到底部时自动向后台发送请求,获取新的数据,假设命令为v-loadmore,首先,实现该方法需要解决两个问题:(1)...
0
评论
分享
李某某的学习生活
3年前
关注
下载导出文件
down为向后台获取数据的接口 建一个a标签,用于后续点击该标签进行下载 返回的数据通过new Blob创建blob对象 URL.createObjectURL-----根...
0
评论
分享
李某某的学习生活
3年前
关注
页面刷新后保留刷新前的数据
前端在开发单页应用(spa) 的时候总会遇到页面之间传递参数的情况,在一般的情况下对于数据的传递,我们可以用vuex,redux等中心化的状态管理方案。但今天要讲的是一种特...
0
评论
分享
李某某的学习生活
3年前
关注
点击某个链接,打开新的页面后滚动到固定位置--scrollIntoView
1、比较常见的是在某个页面中,点击回到顶部按钮后,页面滚动到页面最上方的位置,这个可以通过window.scrollTo(0, 0)的方式实现,现在有一个场景,在某个页面中...
0
评论
分享
李某某的学习生活
3年前
关注
postMessage/window.addEventListener实现不同框架之间混用时(iframe),页面或组件之间相互传值
1、介绍 window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本,不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里...
0
评论
分享
李某某的学习生活
3年前
关注
滚动获取下一页数据实现流程
首先在creted的生命周期中添加scroll的监听,其中debounce是防抖函数,this.scrollLoad为判断是否去后台加载数据。 当scrollTop + h...
0
评论
分享
李某某的学习生活
3年前
关注
window.open的使用
语法: window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是...
0
评论
分享
李某某的学习生活
3年前
关注
elementUI中el-table的插槽使用
当el-table中每一项都类似,且列数较多时,可采用v-for的形式,内部根据情况再做处理。 内部的每个列项的特殊情况处理...
0
评论
分享
李某某的学习生活
3年前
关注
通过url实现兄弟组件间的通信,并且页面不刷新
1、问题描述:页面内两个组件为兄弟组件,当组件1向获取参数的变化,组件2得到新的参数向后台发送请求,获取数据后渲染更新,在此整个页面不刷新。 2、解决方法: 通过向url传...
0
评论
分享
李某某的学习生活
3年前
关注
页面左右排版--@media、[class*= col-]解释
条件:页面存在左右两个盒子左边类名为innerForLeft,右边类名为innerForRight 要求:1、当浏览器宽度大于1920px时,左边盒子自适应,右边盒子固定宽...
0
评论
分享
李某某的学习生活
3年前
关注
elementUI中el-table的表格头的分割线
可以在全局进行设置,在后续页面中无需重复定义,例如定义在index.html中。 nth-last-child标记2的原因是表格最后有一个类名为gutter的th标签...
0
评论
分享
李某某的学习生活
3年前
关注
路由跳转方式及传参方式
1、router-link方式 1.1、不带参数跳转 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 1.2、携...
0
评论
分享
李某某的学习生活
3年前
关注
elementUI-修改分页样式/deep/
在vue中,为了避免父组件的样式影响到子组件的样式,通常会在style中加入scoped,这样父组件中如果有跟子组件相同的class名称或者使用选择器的时候,就不会影响到子...
0
评论
分享
下一页
个人成就
文章被点赞
38
文章被阅读
48,206
掘力值
1,272
关注了
3
关注者
8
收藏集
0
关注标签
24
加入于
2022-01-12