【element-ui组件】一.elementUI组件在使用时的问题；二.elementUI的消息组件；三.Form表单；四.Dialog组件

目录

一.elementUI组件在使用时的问题

1.后台的响应数据是正常的，但是在前端的el-table中无法显示

（1）axios的响应拦截器对响应数据的格式处理问题

（2）el-table-column的prop属性值和后台数据的key（属性名不一致）

2.没有后台，数据是写在前端的数组中

3.核心问题：如何将el-table中的某行数据传递到JavaScript代码中

（1）在element=ui的el-table组件中，，每个el-table-column都有一个隐含的作用域scope，通过scope可以拿到当前列的数据

（2）当表格中数据删除后，表格没有刷新

二.elementUI的消息组件

1.MessageBox弹框：是模态框

（1）消息提示：当用户进行操作时会被触发，该对话框中断用户操作，直到用户确认知晓后才可关闭。

（2）确认消息：提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框

（3）引入MessageBox进行消息的提示

2.Message消息提示：非模态框，常用于主动操作后的反馈提示。

3.Notification通知

三.Form表单：

1.基本结构：

2.表单控件：

（1）单行文本框：

（2）密码框：

（4）文本域：

（5）开关：表示两种状态的切换

（6）复选框组和复选框

（7）单选框组和单选按钮

四.Dialog组件

1.使用方法

---

一.elementUI组件在使用时的问题

1.后台的响应数据是正常的，但是在前端的el-table中无法显示

（1）axios的响应拦截器对响应数据的格式处理问题

（2）el-table-column的prop属性值和后台数据的key（属性名不一致）

2.没有后台，数据是写在前端的数组中

3.核心问题：如何将el-table中的某行数据传递到JavaScript代码中

（1）在element=ui的el-table组件中，，每个el-table-column都有一个隐含的作用域scope，通过scope可以拿到当前列的数据

（2）当表格中数据删除后，表格没有刷新

二.elementUI的消息组件

1.MessageBox弹框：是模态框

（1）消息提示：当用户进行操作时会被触发，该对话框中断用户操作，直到用户确认知晓后才可关闭。

        this.$alert('消息框的内容','消息框的标题',{

                confirmButtonText:'按钮上的文本',

                callback:()=>{        //回调函数，当用户单击按钮时触发

                }

        })

（2）确认消息：提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框

        this.$confirm('消息框的内容','消息框的标题',{

                confirmButtonText:'确定',

                cancelButtonText:'取消',

                type:'消息框的类型'        //（success、warning、info、error）

        }).then(()=>{