- 博客(11)
- 收藏
- 关注
RSS订阅原创 在浏览器不同tab之间，怎么实现storage数据实时共享
但是，还没有结束哦，因为addEventListener事件一定要值有变化，才会实时更新打印，所以在页面2提交的时候，入参里面最好加上一个实时变量，如time：Date.now();1，首先：实现storage数据实时共享，用的是localStorage来存储，不能用sessionStorage；），然后在页面2经过一些操作后，点提交按钮，关闭页面2，然后页面1的查看按钮的位置需要回显页面1的某一个信息；3，页面1中：通过window.addEventListener()的方式监听；
2023-11-22 17:35:19
525
原创 el-cascader通过jsx方式渲染时，下拉框数据及横向箭头已显示，但是label出不来。
jsx方式渲染el-cascader组件时，props传递不当，会导致下拉框数据无法显示
2023-09-14 15:27:49
509
1
原创 vue 中npm报错：gyp ERR! stack Error: `gyp` failed with exit code: 1
关键：卸载python，重新npm i，npm i后会报node-sass的错，再执行npm rebuild node-sass就ok了。第二步：我这边验证了下自己的npm版本，百度查询后，说是最好为6.14.15，如果不是的话，大家可以先安装6版本试试；第一步：排查node版本跟node-sass版本是否兼容，最好的办法就是参照。，如果你还是报错，那就再看看接下来的几步操作就好了；(*^▽^*)好了，就这些ヾ(◍°∇°◍)ﾉﾞ。
2023-01-12 16:44:54
2055
原创 el-form表单验证，表单必填项都已通过，无报错，但是不走validate逻辑。
其次，因为控制台没有任何报错，所以在validate之前之后debugger,并加上try-catch捕捉下，都失败，因为程序压根不进validate，所以到了validate处，就跳出去了，return false了；这两天修改了一个以前的项目，要求给el-form添加修改功能，正常情况下，我们调用一下详情接口回显一下页面，并添加下更新接口就好了，没想到却在表单验证那里卡了好久，下面说说我遇到的问题；不然校验就不会通过，不会走validate逻辑了；漏写了callback();
2022-09-08 10:26:51
1339
原创 el-table根据列data数据的不同修改header属性
修改header属性有很多方法，如官网提供table属性：header-cell-class-name，header-cell-style，或者在dom中通过template ，slot-scope="scope"单个做判断，然后动态添加class或者style属性。buildStyle方法中构造的obj对象，是把表格中的某一列数据全部放到一起，按列归类。但是如果table的数据结构稍微复杂一点，嵌套2级，3级等，使用这些方法就不一定有效；即表格的每一个单元格都是一个对象，对象中的数据结构都相同，...
2022-08-08 17:04:09
788
原创 QQ浏览器及360浏览器兼容模式下怎么处理sessionStorage数据
现在很多网站都需要在兼容模式和极速模式下都适应，开发的时候一般都是谷歌浏览器，前端需要存储一些本地信息，一般用的最多的是localStorage跟sessionStorage。极速模式下或者谷歌浏览器都是可以直接复制测试环境信息到本地存储Application=>Storage,然后就可以在本地开发了， 但是QQ浏览器及360浏览器兼容模式下没有入口可以复制粘贴信息，找了好久实在没发现，最后只能在控制台手动代码加入；代码为：window.sessionStorage.setItem('n...
2022-05-30 17:38:00
482
原创 el-cascader 选择器需要点击两次才能赋值
el-cascader点击下拉框，选择部门的时候，需要点击两下，值才能回显到input框中，如下图的单选操作：接下来，贴上html和methods代码：methods部分： 到这里，不知道大家有没有注意到图片中我标记的两处，一个是组件绑定的v-model值，还有一个是组件change事件中的赋值；很多情况下我们第一反应是把组件change时，值中的orgCode直接复制给v-model值，但是这样是错的，el-cascader是不能直接改变它的model值的，这样就会导致...
2022-05-12 10:43:00
2157
原创 transform：scale(x,y)属性实现pc端页面适配移动端，不改变样式布局，支持手动放大。
前段时间，公司产品提了一个需求，现有公司的某个pc端网页只支持pc端，现在需要兼容移动端，手机打开也能访问，我的第一反应是不可能，因为当初做这个网站的时候，压根没有考虑到移动端，直接改造可能会存在很多适配问题，但是如果重新写一套移动端代码，周期太长更不可取，无奈之下，各种百度pc端适配移动端的方案，最终学习到了transform属性的强大；接下来具体展示代码实现步骤：备注：所有页面外层div宽都设置成x，我这里是1200左右1，容器定位到App.vue页面； 给app所在2的div动态添加s..
2022-05-06 11:33:38
2067
2
原创 Vue中怎么加载pdf文件
Vue预览pdf文件，我觉得pdfh5方式比较简洁，还有vue-pdf也可以，但是如果文件内容较多的话，vue-pdf就需要做分页处理，就麻烦了；接下来，想分享下我使用pdfh5的代码逻辑。如下：（注：我这边阅读文件是通过打开弹窗，把文件放到弹窗中打开展示，这样模拟文件预览的方式；）1，下载安装依赖； npm install pdfh52，引入css文件； import pdfh5 from 'pdfh5' import 'pdfh5/cs...
2022-04-26 11:11:24
3844
1
原创 el-cascader编辑页面清空按钮需要点击多次才能清空数据，并且报错rror in callback for watcher “options“，null (reading ‘level‘)
最近手头上有个需求，就是建表时建表部门必须选该部门对应人员，只有选择到的人员才有权利操控这个表，部门和人员都可多选；按照原型图，决定使用el-cascader级联选择器，但看似简单的两个多选级联框，能碰到的问题都被我遇到了，接来下详细阐述，希望对大家有帮助；1，首先，是报错问题，看下图：导致报错的原因有百度，大部分都是说给cascader加key值，然后动态改变cascader的值，cascader++操作，但至于具体在哪cascader++操作，众说纷纭，也没有具体讲清楚，接...
2022-04-22 14:57:54
1064
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人