Element UI：dialog

2022-01-20

官方文档

 <el-dialog
      title="isTrue?'标题A':'标题B' "
      :visible.sync="showBox"
      width="500px"
      :close-on-click-modal="false"
    >
    <div slot="footer" class="dialog-footer">
        <el-button @click="showBox= false">取 消</el-button>
        <el-button type="primary" @click="handleSave">保 存</el-button>
      </div>
</el-dialog>

1. 动态设置标题
2. 设置对话框宽度
3. 不可以通过点击 modal 关闭 Dialog
4. 自定义底部按钮