- 博客(5)
- 收藏
- 关注
RSS订阅原创 在Vue中，如何用lib模式发布自己的库代码
使用lib模式打包在vue-cli官网中有指出如何使用lib模式构建代码。当你运行vue-cli-service build时，你可以通过--target选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。lib模式默认是不含有Vue的，若原代码中有vue，则会将原代码中的vue删除。注意对 Vue 的依赖在库模式中，Vue 是外置的。这意味着包中不会有 Vue，即便你在代码中导入了 Vue。如果这个库会通过一个打包器使用，它将尝试通过打包器以依赖的方式...
2020-06-29 16:55:33
4200
原创 用vue写轮子的一些心得（十一）——sticky粘滞组件
需求分析支持页面向下滚动时组件会自动粘滞在窗口顶部； 可配置粘滞在窗口顶部的间距；方法实现一、思路：1、通过窗口顶部到文档顶部的距离（window.scrollY）和sticky组件到窗口顶部的距离（top + window.scrollY）加上窗口顶部到文档顶部的距离（window.scrollY）来比较，前面大于后面则吸顶，后面大于前面则不吸顶。window.scrollY > top + window.scrollY二、方法实现1、sticky外...
2020-06-24 10:14:00
852
原创 用vue写轮子的一些心得（十）——upload图片上传组件
需求分析支持正常的图片上传功能； 支持图片多选上传； 支持图片预览； 支持配置长传图片大小校验，格式校验； 支持图片上传时提示不同的状态，成功、失败、上传中； 支持可X掉某一张图片；方法实现一、思路：1、首先图片上传是需要有服务器支持的，这里我们用node在本地起一个服务，模拟服务器接收上传图片并保存，再通过img标签的url链接拿到服务器的图片地址。2、多文件上传在前端只需要在类型为file的input的属性中增加multiple属性即可多选，文件格式同理在input...
2020-06-18 21:18:14
819
3
原创 用vue写轮子的一些心得（九）——table表单组件
需求分析支持斑马纹，默认斑马纹样式； 支持表格边框线，默认没有边框线； 支持table内容padding间距配置（是否为紧凑型）； 支持给table设置高度； 支持全选与全选取消，默认不展示； 支持给任意选项排序； 支持请求数据时，展示loading状态； 支持可展开，当表格内容较多不能一次性完全展示时； 支持在table最后一列传自定义内容，比如按钮； 默认固定表头；方法实现一、table组件传参定义：一共可传12个参数和1个事件：striped：是否展...
2020-06-08 22:14:56
1382
原创 用vue写轮子的一些心得（八）——pager分页器组件
需求分析支持传入当前页码参数并展示； 支持页数过多的部分用省略号显示，并会动态变化； 支持支持点击左右方向键切换页码； 支持在只有一页的时候隐藏pager；方法实现1、pager外部组件传参定义：一共可传4个参数：total，页码条数 current，当前页码 current.sync，点击页码的current参数回调 hide-one-page, 默认不填一页时显示，false则隐藏<T-pager :total="10" :current="1" :cu...
2020-06-01 23:03:59
527
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人