
Vue
别来无恙``
QQ:154494562
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ant-design-vue 表格(拖拽)伸缩列实现
一、缘由表格拖拽应该是个很基础的功能了,一版功能全一些的table插件都会带着,并且文档也简洁易懂,然而,我却在ant-design-vue这个ui组件库碰了壁,这个功能甲方爸爸提了很多次,第一次提大概在4个月前??哈哈,我没当回事,但是今天我们领导给我提上禅道了,好嘞,那就让我用baidu、google + c v 大法来解决下,结果网上的文章不是不能用就是不好用,那就只能靠自己了,下面就把代码贴上,在贴上前,要先安装两个jsx的插件和vue-draggable-resizable拖拽插件,很简单,命原创 2020-11-10 21:45:17 · 6624 阅读 · 27 评论 -
vue动态路由实现思路详解(设置权限菜单)
一、背景现在很多公司的vue项目都是一套模板加平台配置系统。角色权限、菜单名称、菜单图标都可以在平台配置系统上傻瓜式配置。笔者这篇文章主要讲解其中的动态路由,如果你是一位前端工程师,我想你会渴望知道其中的代码是如何实现的,如果你是后端工程师,希望我下面的代码不是那么晦涩难懂。另外我很欣赏你爱学习的精神。话不多说下面就是干货了~二、代码实现为了更方便的学习,笔者模拟了后端的接口数据,你可...原创 2019-11-17 23:39:02 · 2796 阅读 · 1 评论 -
Vue实现下拉刷新组件(简单明了)
笔者在写这篇文章时,刚刚完成了下拉组件的封装,还热乎着。迫不及待的想分享给大家。在这之前,如果你跟我一样带着些迷惑和好奇,想要自己动手完成一些框架中的组件并了解其原理。希望这篇文章可以帮到你。一、首先分析一下,他的核心是什么,你或许应该想到了,那就是下拉到一定位置后,手指离开屏幕就触发一个函数,听起来不难,但过程中我还是遇到了一些逻辑的问题,逻辑搞懂了,so easy,我就直接上代码了&...原创 2019-01-02 17:41:44 · 24487 阅读 · 27 评论 -
Vue中的Render函数使用介绍
一、前言首先,我猜你在点开我这篇文章之前99%是在官网先看了一遍文档的,下面谈谈我个人的理解, render函数跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数,下面就把我实践的心得分享一下,本文建议配合官方文档阅读。二、实践我们就拿官网那个例子说,这个组件可以根据父级组件...原创 2019-04-15 00:00:51 · 8801 阅读 · 5 评论 -
Vue实现树形菜单组件
相信大部分小伙伴们在实际开发中都使用UI框架来节省开发时间,提升工作效率。Vue诞生后出现了许多优秀的UI框架,如element-ui、ant-design等。不管你用哪个,它们都是在Vue之上进行的二次封装,今天我们就来自己封装一个框架中的树形组件。你可能会说,有现成的框架不使,为什么非要自己写一个呢?对于这个问题,不用我说,相信你自己会找到答案!在贴代码之前,你必须知道什么是递归,而且...原创 2019-08-11 17:38:58 · 6293 阅读 · 1 评论 -
Vue实现手风琴效果
笔者在2年前曾用jquery写过一个手风琴组件,jquery提供的slideUp、slideDown方法简直就是给手风琴量身定做的,不仅能够获得内容的高度并正确打开,还能加上流畅的动画效果,这里动画效果请小伙伴们自行脑部一下哈~。然而两年后的今天。需要在vue中来做了,笔者是对代码有洁癖的人,不想使用js操作dom获取高度在设置动画,而是要使用vue中的transition标签来实现。最终的效果还...原创 2019-08-11 18:00:19 · 4038 阅读 · 0 评论 -
Vue中使用echarts,帮你解决遇到的各种坑~~
笔者在之前的工作中没有遇到vue中使用echarts的情况,以下是我的爬坑之路,还望笑纳。1、使用npm或yarn(推荐yarn,npm装的可能启动项目后报错 xxxx 'new'具体错误信息忘记了, 这时你要先找到node_modules中的echarts文件夹,整个删掉,或者使用命令行删除。然后使用yarn重装,如果还启动不了,那就用cnpm装)安装echarts:npm inst...原创 2019-08-24 23:47:43 · 3640 阅读 · 0 评论