摘要: 使用scrollIntoView方法进行定位到某一位置 最近在segmentfault中看到了这个简单方法,就是用scrollIntoView方法就可以实现锚点定位,非常简单,在此记录一下 可以直接使用(当然像在vue中也可以使用ref获取dom) // 如果为true,元素的顶端将和其所在滚动区的 阅读全文
posted @ 2020-12-18 18:33 lwlcode 阅读(16682) 评论(0) 推荐(1) 编辑
摘要: 前言 因为开发组件,需要按需引入element-ui的组件,但是v-loading如果按需引入就需要使用element-ui提供的Loading服务来实现,具体属性和用法可以到官网查看,本文记录一下自己使用过程中的一个坑。 简单使用 全屏加载的方式很简单,不需要参数即可实现,这里讲一下局部加载loa 阅读全文
posted @ 2020-10-16 15:52 lwlcode 阅读(8166) 评论(0) 推荐(0) 编辑
摘要: 防抖 /** * 防抖函数,返回函数连续调用时,空闲时间必须大于或等于 wait,func 才会执行 * * @param {function} func 回调函数 * @param {number} wait 表示时间窗口的间隔 * @param {boolean} immediate 设置为tu 阅读全文
posted @ 2020-09-28 11:03 lwlcode 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 前言 接口返回数据为数组列表时,通常比较全面,包含了很多不需要的数据,可以通过 map 方法处理返回数据,筛选出想要的数据 例如(下面默认按照这个数据为例) // 接口返回数据 res = [{ id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 阅读全文
posted @ 2020-08-27 10:59 lwlcode 阅读(8818) 评论(1) 推荐(3) 编辑
摘要: 代码 最简洁代码 <template> <div> <el-date-picker v-model="startDate" type="date" placeholder="开始日期" :picker-options="pickerOptionsStart" /> <span>至</span> <e 阅读全文
posted @ 2020-08-18 21:05 lwlcode 阅读(1506) 评论(0) 推荐(0) 编辑
摘要: 图示 组件 代码 <template> <div class="nav-tab-wrap"> <div class="nav-list"> <div v-for="(item, index) in navList" :key="item" class="nav-item" :class="{'act 阅读全文
posted @ 2020-08-14 20:14 lwlcode 阅读(755) 评论(0) 推荐(0) 编辑
摘要: 问题 在处理页面重新渲染时通常的做法是: 用vue-router重新路由到当前页面,页面是不进行刷新的 采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好 使用 v-if 重新渲染部分组件或容器 需要重新渲染的内容 <div v-if=" 阅读全文
posted @ 2020-07-24 14:31 lwlcode 阅读(4028) 评论(0) 推荐(0) 编辑
摘要: 摘要:elememt-ui中使用el-scrollbar时监听scroll事件,处理el-tabs滚动到顶部时header部分吸顶效果 前言 网上关于el-scrollbar滚动事件监听的案例比较少,好不容易找到解决方法,记录一下,启发之处在这里,稍有改动 在vue中使用elememt-ui时,如果 阅读全文
posted @ 2020-07-11 15:21 lwlcode 阅读(18094) 评论(0) 推荐(1) 编辑
摘要: copy(data) { let url = data let oInput = document.createElement('input') oInput.value = url document.body.appendChild(oInput) oInput.select() // 选择对象 阅读全文
posted @ 2020-06-22 18:31 lwlcode 阅读(3108) 评论(0) 推荐(0) 编辑
摘要: VS Code中使用lorem随机生成文本内容,方便测试 使用方法:lorem + 单词数量 + 回车 例如:lorem5 (生成5个单词的短句) 阅读全文
posted @ 2020-04-26 19:15 lwlcode 阅读(1647) 评论(0) 推荐(0) 编辑