- 博客(7)
- 收藏
- 关注
原创 【组件封装】实现一个三种状态的勾选框
三种状态的勾选框日常开发中,我们经常使用勾选框,无非是两种状态:选中、未选中;本文的组件,实现三种状态:未选中、半选、已选中;通过案例,感受vue中 model 的使用场景调用效果及代码不断点击勾选框,在未选中、半选、已选中三种状态之间切换<!-- * @Date: 2022-05-24 10:11:48 * @Author: surewinT 840325271@qq.com * @LastEditTime: 2022-05-24 11:08:26 * @LastEditor.
2022-05-24 11:32:08
441
原创 vue-cli多页面应用实践,实现组件预览
vue-cli 多页面应用vue技术栈的同学,大多是用vue-cli来搭建单页面应用。如后台管理系统,H5活动等;vue-cli多页面应用开发 在初学时可能你有浏览过这方面的知识,但是实际开发中却比较少用到;其实多页面还是非常实用的,它可以用来实现组件库的功能预览、H5可视化系统的页面预览、个人站点的功能介绍等;你可以直接跳到文末的仓库源码,也可以跟着本文逐步搭建一个vue-cli多页面应用例如下面的网站,都可以用多页面应用来实现::有赞:Vant饿了么:Mint-UI京东:Nutui实.
2022-05-23 22:07:58
958
原创 基于el-image,封装一个图片预览组件
el-image本身设计已非常优秀,但图片预览功能存在以下不足:1.没有相应的用户反馈,用户无法直观的知道该图片可以点击查看详情;2.预览图片的列表需要单独配置一个数组,在实际开发中往往是需要查看当前图片;
2022-05-16 11:34:21
5828
原创 【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题
日常开发中,经常需要处理一个大数据量的列表,可能是需要展示、勾选等;本文实现万条数据勾选不卡顿的列表组件。
2022-05-13 22:48:59
2899
2
原创 【组件封装】二次封装el-pagination,拒绝繁琐配置
el-pagination 分页组件在中后台系统中,经常会使用分页器组件。el-pagination 需要配置page-size、layout、@current-change等诸多属性。每个页面都这样子使用的话既容易出现错误,也会造成代码冗余组件设计(完整版)p-el-pagination 默认的属性,如background、small、page-sizes等,请根据实际业务修改默认值调用效果及代码<!-- * @Date: 2022-05-11 14:38:32 * @Autho
2022-05-11 15:32:40
1097
原创 【业务实例】vue组件递归及其应用
递归简介含义:程序调用自身的编程技巧称为递归,那组件调用自身就是组件递归应用场景:在实际业务开发中,通常应用于菜单栏、树组件、多级下拉框等vue实现组件递归调用效果及代码<!-- * @Date: 2020-12-09 17:52:54 * @Author: surewinT 840325271@qq.com * @LastEditTime: 2022-05-10 14:14:15 * @LastEditors: surewinT 840325271@qq.com * @Desc
2022-05-10 14:47:10
369
原创 【组件封装】改造 Element-UI 多选框组件 (el-checkbox)
element-ui官网的多选框组件,是采用简单数组进行配置的。本文改造el-checkbox,更贴合实际业务,源码热乎,直接复制
2022-05-09 16:04:37
1410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人