AppModal
# 一、属性
# width
number | stringify
弹窗宽度。
默认值： 1000
# height
number | string
弹窗高度。
默认值： 'auto'
# modalOption
object
提示
AppModal 是基于 <vxe-modal /> 封装的组件。这意味着它除了文档中提到的 API 外,还可以支持 官方文档 (opens new window) 中的 API【若发现暂不支持的属性,请及时反馈！！！】。
# 二、事件
# onModalVisible
(modalOption) => void
在窗口显示时会触发该事件。
参数说明:
modalOption: object: 弹窗配置对象 推荐
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
onModalVisible: (modalOption) => {}
}
1
2
3
4
2
3
4
# onModalHidden
(modalOption) => void
在窗口隐藏时会触发该事件。
参数说明:
modalOption: object: 弹窗配置对象 推荐
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
onModalHidden: (modalOption) => {}
}
1
2
3
4
2
3
4
# onModalCancle
({ that, modalOption }) => void
点击取消/关闭按钮时会触发该事件。
参数说明:
- obj
that: object: 当前组件的实例对象 不建议使用modalOption: object: 弹窗配置对象 推荐
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
onModalHidden: ({ that, modalOption }) => {}
}
1
2
3
4
2
3
4
# ok
({ that, modalOption, ... }) => void
点击确定按钮时会触发该事件。
参数说明:
- obj
that: object: 当前组件的实例对象 不建议使用modalOption: object: 弹窗配置对象 推荐...: 不同类型的弹窗扩展参数,可通过arguments对象进行查看
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
ok: ({ that, modalOption }) => {}
}
1
2
3
4
2
3
4
# modalSaveBefore
({ ...okParams, back }) => void
底层默认的保存前事件。当在表格中使用并且没有 ok 事件时有效。
参数说明:
- obj
...okParams: 保存时需要的参数对象,可通过arguments对象进行查看back: (continueExec) => void: 是否需要拦截后续代码时调用，默认继续执行。back(false)即可拦截。
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
modalSaveBefore: ({ ...okParams, back }) => {}
}
1
2
3
4
2
3
4
# modalSaveAfter
({ that, modalOption, params, res }) => void
底层默认的保存前事件。当在表格中使用并且没有 ok 事件时有效。
参数说明:
- obj
that: object: 当前组件的实例对象 不建议使用modalOption: object: 弹窗配置对象 推荐params: object: 保存时的参数对象res: object: 保存后的响应对象
提示
该方法可直接挂载至 modalOption 下。
modalOption: {
// ...
modalSaveAfter: ({ that, modalOption, params, res }) => {}
}
1
2
3
4
2
3
4