- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue-钉钉H5微应用单点登录，获取用户信息踩坑指南
最近接到一个新任务，H5开发俩页面，嵌入钉钉，作为一个H5微应用，需要实现免登录，也就是不要进入微应用得时候再走一个登录页面，首页+详情页，详情页带一个分享给钉钉好友的功能。首先想到既然俩页面需要需要获取用户信息，并且还有个分享给好友功能，是不是要在路由拦截处添加获取用户信息，就是用了router.beforeEach路由拦截，写着写着发现陷入了死循环，而且发现首页的免登和详情页的获取用户信息调用的钉钉api不是同一个，显然得分开写了，所以放弃了这个bug想法。根据钉钉api结合自己思考实现方式：
2021-10-25 17:23:49
4194
原创 elementui中input框输入数字的自定义校验
当type是number的时候，maxlength是无效的，但是希望对数字长度大小做限制如下处理
2020-12-11 15:36:34
3220
原创 nuxt中使用elementui,表格和分页都显示英文,如何修改
1、首先在plugins目录下新建一个element-ui.js文件，内容如下：2、在nuxt.config.js的plugins中引入该js文件：3、重启项目看效果吧。
2020-12-10 16:00:23
835
1
原创 nuxt项目.nuxt文件在webstorm中使其忽略提交到git上，添加到.gitignore无效时解决办法
打开命令行工具cd到.nuxt文件中或者直接在webstorm中选中.nuxt文件选择terminal，输入命令：gitupdate-index--assume-unchanged$(gitls-files|tr'\n''')此时再查看自己的.nuxt文件就不在localchange中了...
2020-11-26 09:30:29
973
原创 vue中computed和watch搭配使用，同时监听两个或多个值的变化
希望监听maxDate和cardOrgCode都有值的时候，再去调方法，如下：
2020-07-02 16:17:24
2348
原创 vue中接口返回图片地址（半路径，依旧使用本地静态资源），遍历数据的时候，报404错误，解决办法
vue中动态绑定图片的时候 都是使用require('地址')，但是如果接口返回，直接给src赋值，就会报错，解决办法如下：重点是图片的存放位置不可以放在assets里面了，需要放到static里面。因为webpack会打包assets里面的静态资源，但是不会打包static里面的静态资源。这样路径就不会因为打包而被更改；效果：...
2020-07-02 16:06:43
1661
原创 移动端项目各机型适配方案之postcss-px-to-viewport
最近接触到的移动端项目为适配各种机型，使用了postcss-px-to-viewport，特此记录一下，避免遗忘，官方文档参数解释参考该博文：博客地址
2020-06-20 11:15:23
1294
原创 vue中关于切换选项卡渲染表格，导致表格内容错乱或者表格渲染不出来的问题
好几次因为选项卡切换导致表格渲染出错，最后了解到vue视图的渲染机制意识到问题根源所在。解决办法案例：1.父组件中使用选项卡，以及表格组件：2.在子组件中接收并使用这两个不同值的属性作为key值本来只准备写一个vTable的，但是因为表头不同，vue在渲染视图时不会重新渲染所有div,只会进行对比，将有变化的dom重新渲染，而且使用v-for,比较深入渲染的时候，就不会对比，也不会重新渲染，导致切换选项卡的时候，明明表头变了，但是视图没有渲染出来，甚至直接不渲染或者错位的一些情况，所以使
2020-06-19 17:08:06
2349
原创 vue+elementui 表格最后一列是下载按钮，后端返回一个图片地址，前端点击按钮，直接做下载处理
点击事件：触发方法，将后端返回的值作为参数传递给下载图片的方法中
2019-09-26 16:14:22
1863
原创 element中表格前端分页和后端分页分别用法，以及容易踩到的坑，坑，坑
前端分页：前段时间因为项目上线紧急，后端没有做分页，只有前端去处理几万条的数据做了个分页处理，贴代码：表格绑定一个变量：表格内容这里还有个处理时间戳的问题，就是使用管道的方法，经常会遇到。分页写法：data里面申明的变量：computed中计算数据：（如果后端分页也写这个，我当时就是傻逼了一下，为了省事，后端分页也这样直接复制之前的代码，导致自己给自己埋了个坑，...
2019-09-25 16:46:41
1750
原创 get请求，拼接请求参数很长的时候，序列化请求参数
很多时候我们都需要将表单数据作为参数传给后端，如果直接一个个拼接到url后面，真的是又臭又长，用我师父的话来说，你是写程序的，如果还慢慢拼接，那程序有啥用。好吧 废话不多说看下文：假如这里每一个值都需要作为请求参数才能查询，那一个个拼接，是不是超级烦人，所以如下：单独写到一个js中，所有需要序列化的地方都可以公用：组件使用时：先引入：使用：看到没有这就是拼接...
2019-09-19 15:24:21
989
原创 修改elementui默认样式，例如折叠面板修改，el-collapse-item__wrap
刚好有个需求，折叠面板中试用了选项卡，选项卡中有三个数据量不同的表格，为防止切换的时候页面跳动，所以给折叠面板设置一个最小高度min-height。如果直接在外层设置最小高度，那么折叠之后外框依然存在，所以要设置折叠内容区。方法如下：1.在父元素中写一个类名2.然后通过f12审查元素找到子级默认样式的类名：3.为不改变全局样式，使用父级类名加>>>深入符号直...
2019-06-26 11:17:13
35206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人