Vite + Vue3 + ElementPlus业务组件封装

Vite + Vue3 + ElementPlus业务组件封装
共25节 384人在学 课程详情
  • Button组件封装

    • 使用 Vite 搭建 Vue3 脚手架
    • 创建button组件并引用
    • Default按钮效果实现
    • 其他几个背景按钮效果实现
    • 定义鼠标滑过的效果
    • 实现按钮镂空及悬停效果
    • 实现圆角按钮效果
    • 按钮禁用效果实现
    • 按钮大小设置及块级按钮实现
    • 给按钮添加前置、后置图标
    • 添加loading图标,并实现加载中动画效果
    • 按钮点击加载中-防连点
  • 表单Form封装

    • 表单封装思路、引入ElementPlus
    • 不同类型表单控件的数据配置思路
    • 表单form整体配置
    • 控件数据配置
    • 表单校验配置
    • 校验规则提取和自定义校验规则
    • 通过history和路由两种方式返回Home页
    • 表单信息重置
    • 表单信息提交
  • 表单控件自动化加载

    • 实现指定模块的自动化加载
    • 动态组件加载表单控件配置
    • 页面剩余表单控件的抽离
    • 补充:模板触发事件与运行时警告处理

    订阅失败

    Vite + Vue3 + ElementPlus业务组件封装
    Vite + Vue3 + ElementPlus业务组件封装 ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    实现按钮镂空及悬停效果实现按钮镂空及悬停效果实现按钮镂空及悬停效果

    课程介绍

    1. 企业级业务组件封装,更贴近工作。本课程包括:Button组件封装体会封装思想;Form组件封装:集成 Select、DatePicker、Checkbox等相关表单控件;Table组件封装;封装的组件在项目中的应用演示。

    2. 改变传统的UI数据传递方式,通过属性配置的方式对组件数据进行渲染

    3. 基于Vue3+ElementPlus+Vite环境开发,Vue3全新的 setup 语法糖

    4. 针对初级程序员的开发模式有一个质的提升:提高项目的业务开发效率和逻辑,提高代码复用能力以及可维护性、提高组件模块能力、有更大的机会晋升中级前端开发。

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 867人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22649人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4282人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 824人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 890人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5195人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1525人在学

    Python Django 深度学习 小程序

    钟翔 · 2390人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 666人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4067人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~