- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue-qr动态生成二维码
简介功能：用于生成二维码优点：简单缺点：不支持ie官网：https://www.npmjs.com/package/vue-qr实现效果安装// npmnpm install vue-qr --save// yarnyarn add vue-qr导入注意vue2、vue3 导入方式有点差异// vue2.x import VueQr from 'vue-qr'// vue3.x import vueQr from 'vue-qr/src/packages/vu
2021-12-15 09:40:56
2452
原创 Vuex状态持久化
theme: qklhk-chocolatehighlight: atelier-cave-light描述Vuex用于处理组件之间通信以及状态管理的问题;Vuex本质上就是一个保存在内存中的对象，存在的问题就是当页面刷新后该对象就会被重新初始化;之前存的数据就拿不到了，于是在使用这些数据的地方就可能发生报错;解决的方法就是把state中的数据做一个持久化存储或者说备份;一般就存在localStorage、sessionStorage或者cookies中;这里以localStorage为例.
2021-11-24 08:45:49
1080
原创 localStorage设置有效期、过期时间
localStorage默认是不会过期的，也没有设置过期的api，如果要实现过期清除就需要自己实现一个api实现思路在原型上新增两个方法setHasExpire，getHasExpire，分别用于设置和获取含有过期时效的值实现过期功能至少需要三个时间戳，存值时间，取值时间，过期时间，存取时间戳都是直接在函数内通过Date.now()生成过期时间在存值的时候传入，函数内部生成当前时间戳，取值时函数内部生成当前时间戳，如果存值时间戳加上过期时间戳小于当前时间戳说明还没过期，返回该值，反之就过期了，删除该
2021-11-22 23:41:13
5294
原创 vue2 vue3 移除事件监听
<script >// 因为要监听 scroll 事件所以做个节流// 按需引入 throttle import throttle from 'lodash/throttle'export default { mounted() { // 添加事件监听 // 注意这里的this.getScroll不能加()调用 window.addEventListener('scroll', this.getScroll) //
2021-11-11 10:35:00
3774
原创 解决el-table缩放表格错位对不齐
doLayout方法解决el-table错位完整代码给table加refmounted钩子中监听窗口缩放事件methods中定义处理函数组件销毁阶段移除事件监听完整代码 mounted() { window.addEventListener('resize', this.handleResize) }, methods() { handleResize() { this.$nextTick(() => { this.$refs.table.doLayout() })
2021-10-25 18:37:14
1794
1
原创 node-sass安装报错 not found: python2 --- Python executable “python2“ in the PATH
报错截图关键点npm ERR! gyp verb check python checking for Python executable "python2" in the PATHnpm ERR! gyp verb `which` failed Error: not found: python2**解决问题**python版本问题导致的如果电脑上有python2.x只需要执行以下命令npm install node-sass--python=python2.7或者 npm ins
2021-09-17 23:56:45
3935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人