1.首先要点击 添加用户 按钮,弹出 添加用户 的对话框。这个对话框会用到 element 中 Dialog 对话框组件。 所以接下来要看一下 Dialog 对话框怎么使用。
2.在 element.js 的文件中,按需导入 Dialog 组件。 import { Dialog } from ‘element-ui’ 然后进行一下全局的注册 Vue.use(Dialog)
3. 把elementUI 中的 Dialog 对话框的最基本的 UI 结构,给粘到项目中。
:visible.sync="dialogVisible" 属性绑定用来控制对话框的显示和隐藏,我们需要把它绑定到布尔值身上。
:before-close=”handleClose“ 这是一个事件叫 before-close ,在对话框关闭之前会触发这个事件,但是呢我们目前不需要它,就暂时先删掉
第一个span是内容主体区域
第二个span 是底部按钮确定和取消区