vue
vue+elelment-ui
阿狸要吃吃的
一个有点懒的前端工程师
展开
-
elmentUI table表格,表头合并、表格内数据合并单元格
这几天写了一个表格,表头要实现合并两个单元格,第一列数据全部合并,翻了下element-ui的属性方法,没找到好一点的合并表头的方法,也不想原生写一个table表,所以找了一个死办法来实现,不过这个方法仅限于表格列数据不固定(fixed)的情况,先贴效果图直接贴全部代码了,注释也全部写在代码里了<el-table border :data="toolTableData" :span-method="objectSpanMethod" height="400"> <el-tab原创 2021-05-08 16:01:19 · 566 阅读 · 1 评论 -
VUE+vue-print-nb,vue打印我踩过的坑
这几天写了一个需求,要求打印条形码,先来张要打印出来的效果图吧,效果图大概长这样子(图是我随便找的,二维码扫出来是啥我也不知道,哈哈)写这个需求的时候踩了太多的坑了,在此记录下辛酸史。vue-print-nb基本用法这个插件用法很简单,安装依赖后就可以直接使用(npm install vue-print-nb),点击打印就会唤起打印弹框。 <div style="display:none;"> <div id="printStyle" ref="printTest"&原创 2021-04-02 17:15:29 · 6315 阅读 · 0 评论 -
el-tree数据回显,解决子级部分选中,父级全选效果
在el-tree中回显数据有一个很明显的坑,只要回显的数据里有父级的id,不管当前父级下的子级是部分选中还是全选,父级的check效果都是全选。预计效果图:实际效果图:我看了很多博主说用setChecked循环便利来勾选叶子节点,但我试了半天也没用,setTimeout,nextTick都试了,无效。所以干脆自己写。我还是用的setCheckedKeys来实现勾选的,逻辑很简单,arr是存储叶子节点的数组,里面包含了父级和子级的所有id。利用getNode()获取当前节点,在循环判断当前节点是否叶原创 2021-01-22 14:38:43 · 2455 阅读 · 2 评论 -
VUE源码简析
VUE源码简析最近好不容易空闲下来,赶急赶忙的写完项目,项目中遇到很多坑,自己总结后觉得现在写的业务代码太多,也不会出梳理自己的项目,觉得自己太急于求成,项目写的多,但却没有仔细的研究过vue源码,画了一个下午的时间去观看各个大佬的源码解释,找到一个比较清楚,也比较适合我们去探究的,下面先把源码贴出来,等我一步一步的弄清楚了所有的代码,再来把流程补清楚,现在就先把我膜拜的大佬的代码贴出来,文后有相关的链接,若有相关不对的地方,立马改正,哈哈哈。 /* 源码目录 src/core/instance/sta原创 2020-10-28 17:51:28 · 256 阅读 · 1 评论 -
axios的封装的基本思路与API接口管理
在实际项目中,所有的请求都有一些基本操作:1:请求发过去的时候header里面携带token。2:请求响应回来的时候拦截状态码或其他错误信息,做出相应的判断axios是一个基于promise封装的一个http库,单纯的用用还是可以的,但是在实际项目中如果还是axios.get(…).then(…)这种写法就会给开发带来些麻烦,所以在进一步的封装axios是有必要的一:构建一个axios对象实例import axios from 'axios'import { MessageBox, Messag原创 2020-05-11 14:17:27 · 234 阅读 · 0 评论 -
微信网页静默授权
这几天接到了一个h5的新需求,需要重构登录注册流程。说实话,我知道的时候是很懵逼的,因为这个h5项目被我同事誉为“公司最坑的项目”。和我之前了解的h5有点不同,这个项目用户只能在微信打开。我之前没有碰过和微信配置相关的项目。好了,话扯了那么多,直接说下这个项目的基本情况吧。原先的注册方式有两种方式:1:域名进入注册页面,也就是http://XXXXX.xx/register2:邀请链接进入注...原创 2020-04-26 17:26:05 · 1021 阅读 · 0 评论 -
token过期自动跳转到登录页面
这几天项目提测,测试给我提了个bug,说token过期,路由应该自动跳转到登陆页面,让用户重新登录。先说下一些前置条件,1:我公司的token时效在生产环境设置为一个小时,当token过期,所有接口都直接返回2:每次路由跳转都会对token进行判断,设置了一个全局的beforeEach钩子函数,如果token存在就跳到你所需要的页面,否则就直接跳转到登录页面,让用户登录重新存取token{...原创 2020-03-17 14:02:45 · 10562 阅读 · 2 评论 -
二 解决el-dialog中表单回显引起的调单校验问题
解决el-dialog中表单回显引起的调单校验问题原创 2020-03-17 11:06:00 · 1688 阅读 · 0 评论 -
一 el-form表单校验碰见的坑
el-form表单校验碰见的坑这几天做公司的业务需求,把一个弹框改为页面,页面具体内容没变,只是增加了表单校验。刚开始是只需要判断不为空,但是每次在请求里面判断数据格式,太费事。但是,在做校验的时候碰见了几个坑。先上图吧这是目标样子原先的需求就是,我输入会员号合商品ID后下面要出现会员和商品的信息,但是会员和商品的都要做校验。坑就是,出现错误却不提示,没报错却提示,这个弄了我好久。代码...原创 2020-01-08 11:13:38 · 1133 阅读 · 0 评论