关注
分享
Vue.js 进击实战:拖拽表单设计器 实战课
Vue.js
1030 人学过 178 次评价 难度: 中级 综合评分: 8.8 2023-07-11 更新
¥ 79
完成学生认证,立享5折优惠 >>
课程介绍
章节目录
课程问答&报告
课程评价 178
你将学到的
Vue Cli 3 使用
vuedraggable 拖拽组件使用
设计器布局
表单对象设置
VueDevtools 使用
编辑区组件封装
表单、字段属性配置
Vue 组件对象传递与 sync 修饰符
构建生成表单数据
表单数据校验
绑定动态数据
打包发布
详细介绍

本课程使用现在流行的 Vue.js 和 ElementUI 从零开始开发一个可拖拽的表单设计器,项目使用 Vue CLI 3 搭建,课程讲述了如何快速创建一个 Vue 项目,如何实现拖拽,Vue 组件封装,Vue 高级特性用法,如何打包发布项目到 NPM 上等众多干货。通过详细的例子,由浅入深,一步一步的实现拖拽表单设计器。

图片描述

效果展示

组件属性编辑

图片描述

表单校验

图片描述

获取表单数据

图片描述

先学课程

适合人群

  • 本课程适用于具有一定前端基础的同学。

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师
GavinZhulei 共发布过 1 门课程 共有 1030 位学生
某科技公司高级前端工程师,丰富的项目实战经验,vue-form-making表单设计器作者,GitHub开源社区贡献者。github:https://github.com/GavinZhuLei
扫码加入社群
和10w学子共同进步
AI 小助手
有问题就来问我吧
立即咨询