今天给大家分享一个挺不错的vue.js+elementUI可拖拽式表单生成组件NgForm。

NG-FORM-ELEMENT 基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面，表单可以导出json格式。

选择好一款Web前端UI框架，对于前端入门开发者是非常重要的，它决定了你系统设计出来的UI风格。有时候我们不需要重复造轮子，特别是对于非专业前端的开发者，选择使用UI框架可以让我们把更多的精力放在业务逻辑设计上。

丰富的UI组件库，漂亮的控件界面，舒适的交互体验，良好的设备兼容性，是我们选择前端UI的重要考量。

马上到国庆了，还没学习或者想学习vue3的小伙伴们有安排上没？

这次推荐几个比较流行的VUE3 UI组件库，合理利用，又或者学习借鉴都是不错的选择。

1、element-plus

element-plus

Class 组件不看，只看 React Hooks

很多人在说既然 React Hooks 出了，那还有必要看以前那种 Class 组件吗？我觉得可以不看，优先看 React Hooks，要跟上时代，React 官方自己都说 “全面拥抱 Hooks” ，所以我觉得只看 React Hooks 就行，也就是 React16.8 起的版本，React Hooks 都推出好几年了，大部分 React 项目早就使用 React Hooks 了~

在使用Vue引入Element UI时，可能会遇到一些报错。以下是一些常见的报错及解决方法：

1. `TypeError: Cannot read property 'xxx' of undefined`

这个错误通常是由于引入的Element UI组件没有正确注册导致的。确保在Vue的入口文件中正确引入并注册了所需的组件。例如：

引言

在Web应用中，图片往往是吸引用户注意力的关键元素。然而，有时仅仅一张图片无法完全传达其背后的故事或细节。这时，el-tooltip便能发挥其作用，通过在鼠标悬停时显示额外的文本信息，为用户提供更丰富的上下文。在本文中，我们将探讨如何在Vue.js项目中，利用Element UI的el-tooltip和el-image组件，创造出既美观又实用的图片展示效果。

此篇幅比较长，涉及到的小知识点也比较多，一定要耐心看完，记住学东西没有耐心可不行！！！

一、添加和修改

注：添加和编辑用到了同一个组件，也就是此篇文章你能学会如何封装组件及引用组件；第二能学会async和await；第三父向子传递数据props和子向父传递数据$emit()；

今天给小伙伴们推荐一款强大的Vue可自由拖拽表单设计器组件。

vue-form-making 基于vue.js简单高效的表单设计器组件，star高达3.3K+。简单拖拽即可进行表单设计，可生成/导出json及代码，支持i18n国际化。

功能特性

• 可视化配置页面
• 基于vue2.0桌面端组件库Element-UI