简体中文
detail.head_info.render.before
约 251 字小于 1 分钟
2025-12-16
该钩子发生在详情页标题栏组件渲染之前 渲染对象详情标题栏组件之前执行额外的业务动作,包含且不限于以下功能:
- 组件数据
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| 通用参数 | 详见 | -- | -- | -- |
返回结果
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| buttons | 对象操作按钮(示例) | Object | -- | |
| component | 组件(示例) | Object | -- |
基础示例
基础用法:
export default class Plugin {
apply() {
return [{
event: 'detail.head_info.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve();
}
}自定义按钮
export default class Plugin {
apply() {
return [{
event: 'detail.head_info.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve({
buttons: {
del: ['ChangeOwner'],
add: [{
action: 'cancel',
label: '取消11',
callback(context) {
alert('取消11');
}
}],
reset: [{
action: 'Edit',
label: '编辑来自详情页'
}, {
action: 'Clone',
label: '复制Clone',
callback() {
alert('复制plugin');
}
}]
}
});
}
}组件
export default class Plugin {
apply() {
return [{
event: 'detail.head_info.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve({
component: { ...context.component }
});
}
}注意事项
1. 详情页刷新也会触发此钩子的执行
