【在表格下方创建“添加”按钮，完成添加用户信息，点击后自动添加等功能】

视频教程
在Tab表格下方建立一个添加按钮，实现在页面上添加用户信息的功能
1.在elementUI中找到Click,当前使用的是第一种效果，复制

2.在表单下面：创建按钮、复制代码、

3.修改

• 绑定show，让它默认为打开状态true
  
• 给按钮绑定一个点击事件，点击时实现该效果的展示/关闭
  
• 修改该弹框的样式（一般不给定背景色，所以只需要把它默认给定的背景色，字体颜色去除即可，宽度：100%，高度：600px，表单一般需要左对齐，所以居中也去除）
• 在elementUI中找到合适的表单，选择性复制到代码中并修改
  
  生日：
  
  性别：
  
  详细地址：
  
  立即创建/取消（给立即创建按钮添加点击事件）
  
  
  给表单中每行前面的文字后同一添加后缀冒号 “：”
  
  
• 修改data数据
  
• 现在对“立即创建”按钮的点击事件进行完善，与后端进行绑定，数据传输
  先打印出来验证是否成功
  成功
  
• 添加成功提示，告诉用户添加成功
  结合elementUI中的“提示”
  实践一下（效果如图所示）
  
• 现在想让该信息保存后立即渲染到表格中，同时隐藏表单信息
  点击“立即创建”按钮后表单隐藏，提示成功
  
  
  清空表单后让默认值依然显示
  
  保存后立即渲染到表格中（此时我们需要创建一个方法findAllTableData() 进行封装，然后在需要的地方直接this.indAllTableData() 进行封装，然后在需要的地方直接this.调用即可）调用即可）
  
  
  这样添加完成后就自动刷新显示在表格上了