摘要:
这个组件除了很多自带的API,最好的部分是你可以拿到他vue源码,然后进行自定义样式和功能。github地址如下:https://github.com/jinzhe/vue-calendar 。效果如下: 项目里的calendar.js是处理农历日期的,我们如果不需要农历可以不引入,并把vue中的对 阅读全文
摘要:
移动端开发时有个文件上传的功能,觉得找插件再覆盖他的样式也挺麻烦的,就自己造个轮子吧,效果如下: 自定义样式代码如下:主要思路就是 自定义上传样式 覆盖原有的默认样式,自己加一个上传的文件列表样式 css样式如下: 每次上传已经删除后,都把变化提交给父组件 阅读全文
摘要:
最近移动端项目有要用到日历插件的一个共能,于是github 找了个 mpvue-calendar ,开始以为是专门给小程序用的,然后试了下移动端也是可以用。 最终效果如下:里面的功能也很全,具体可以看一下他的API, 具体使用流程:具体使用很简单, 遇到的小问题是引入完发现样式月份被遮住了 然后通过 阅读全文
摘要:
一个同事遇到了这样一个bug:element-ui table选中后,打开dialog 选中状态自动变了,效果如下: 点击打开按钮只有让dialog打开的操作 那就是table数据的问题了, 我对数据做过统一处理 , 因为泰康的数据是全部给过来的,不像我们正常开发的分页请求。所以我写了个公共的方法来 阅读全文
摘要:
泰康这边渲染树形结构给的是扁平的,我写了个方法把扁平数据转成树结构,现在传给后台时候,后台又要扁平的,只能在写个方法 数据结构如下: 转换函数 最后转成的数据如下 阅读全文
摘要:
最终功能演示如图: 我们有个功能是要求这些字段可以进行排序的,我们以前是给每行加个权重字段,通过编辑权重进行排序。泰康这边觉得直接拖拽更好点。 于是就找了 vue-slicksort 这个插件,感觉还不错。具体API可以看 文档 , 样式就自己按照设计图修改自己的就可以了 阅读全文
摘要:
记得以前用react写过一个递归渲染菜单栏,当时就想过如果用vue如何实现。最近项目又用到了vue,就决定利用闲暇时间研究一下。render函数这种方法就不说了,和react的方法差不多,这里主要写一下vue组件之间的递归调用。 最后效果基本就是一个类似这种的树形结构,当然样式自己可以更改 渲染树的 阅读全文
摘要:
问题是用户后退时候,左边导航栏显示的还是上一个页面的导航,但是路由和页面已经变了 最开始的解决方案是每次路由跳转前把vuex里面的数据更改,然后对应到vue的active-path中 最后看了下另一个组的项目觉得解决方法很好,就记录一下,当前显示的菜单对应computed的route.path,如果 阅读全文
摘要:
以前数据结构都是后端负责组装提供,泰康这边因为是用的IBM的,他们这边提供的树形结构数据是扁平的,所以就自己转成想要的树形结构数据 后台给的数据大致是这样,PANNT是其对应的父元素id 封装转换数据的方法如下: 最终的结果为我们想要的树形结构: 阅读全文
摘要:
泰康这个项目有个换皮肤的功能,实现效果如下: 实现思路:用户点击哪个颜色在顶层增加一个class,然后改变这个class下面element-ui的组件颜色。具体代码如下: app.vue要写几套样式:例:绿色是每套样式的前缀 在嵌套router-view和nav的页面:功能是在最顶层添加class 阅读全文