说明

rx-dialog是一个自带确定取、消按钮的布局组件,多用于弹窗;

显示样例

控件属性

名称 说明
order 确定取消按钮工具条的位置,默认bottom;可选:top,bottom
btnalign 确定取消按钮的位置,默认居中center,可选:left,center,right
oktext 可自定义确定按钮的文字,比如:保存等
canceltext 可自定义取消按钮的文字,比如:关闭等

事件

名称 说明
handOk 确定按钮触发事件
cancel 取消按钮触发事件

按钮扩展

  1. <rx-dialog @handOk="handleSubmit" @cancel="cancel" order="bottom" btnalign="right" :confirmLoading="true">
  2. <div slot="toolbar">
  3. <a-button>刷新</a-button>
  4. </div>
  5. //此处填中间部分内容;
  6. </rx-dialog>

扩展按钮展示

控件示例

  1. <rx-dialog @handOk="handleSubmit" @cancel="cancel" order="bottom" btnalign="right">
  2. <div slot="toolbar">
  3. <a-button>刷新</a-button>
  4. </div>
  5. <div>
  6. 你好,rx-dialog
  7. </div>
  8. </rx-dialog>
文档更新时间: 2021-08-17 09:21   作者:yangxing