surewinT-优快云博客

原创【组件封装】实现一个三种状态的勾选框

三种状态的勾选框日常开发中，我们经常使用勾选框，无非是两种状态：选中、未选中；本文的组件，实现三种状态：未选中、半选、已选中；通过案例，感受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 489

原创 vue-cli多页面应用实践，实现组件预览

vue-cli 多页面应用vue技术栈的同学，大多是用vue-cli来搭建单页面应用。如后台管理系统，H5活动等；vue-cli多页面应用开发在初学时可能你有浏览过这方面的知识，但是实际开发中却比较少用到；其实多页面还是非常实用的，它可以用来实现组件库的功能预览、H5可视化系统的页面预览、个人站点的功能介绍等；你可以直接跳到文末的仓库源码，也可以跟着本文逐步搭建一个vue-cli多页面应用例如下面的网站，都可以用多页面应用来实现：：有赞：Vant饿了么：Mint-UI京东：Nutui实.

2022-05-23 22:07:58 1022

原创基于el-image，封装一个图片预览组件

el-image本身设计已非常优秀，但图片预览功能存在以下不足：1.没有相应的用户反馈，用户无法直观的知道该图片可以点击查看详情；2.预览图片的列表需要单独配置一个数组，在实际开发中往往是需要查看当前图片；

2022-05-16 11:34:21 5932

原创【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题

日常开发中，经常需要处理一个大数据量的列表，可能是需要展示、勾选等；本文实现万条数据勾选不卡顿的列表组件。

2022-05-13 22:48:59 3248 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 1159

原创【业务实例】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 418

原创【组件封装】改造 Element-UI 多选框组件 (el-checkbox)

element-ui官网的多选框组件，是采用简单数组进行配置的。本文改造el-checkbox，更贴合实际业务，源码热乎，直接复制

2022-05-09 16:04:37 1493

qq_44753311的博客