1
关注
277
浏览

低代码平台页面初始化时调用页面组件方法报错

周海涛 超级管理员 用户来自于: 运营商级NAT
2023-08-15 09:16
在瀚码低代码平台(干将低代码平台)的产品中,页面初始化ready方法时,我们可能需要调用组件(component)的方法,比如通过JS脚本来设置一些约束条件或者自动加载数据。这时候直接调用组件的方法会报错,因为在调用的时候组件还没渲染,这时候需要使用组件component中dispatch方法,该方法会确保组件渲染后再调用该方法


示例:

在页面ready中直接调用表格reload方法刷新表格。


export function ready(context) {
const grid = context.getComponent('tb_oPaRE');
grid.reload();
}


上述代码执行结果会报如下错误:




正确使用方法

调用组件的dispatch方法来确保需要调用的方法正确执行,再无法确定组件是否在调用该组件方法之前渲染时请使用该方式调用组件方法。https://hancode.yuque.com/ibi3kw/qzp9ku/nxzmh9#FrabI


//无参数调用
export function ready(context) {
const grid = context.getComponent('tb_oPaRE');
grid.dispatch('reload');
}

//带参数调用
export function ready(context) {
const data=[]
const grid = context.getComponent('tb_oPaRE');
grid.dispatch('setData',data);
}


关于作者

问题动态

发布时间
2023-08-15 09:13
更新时间
2023-08-15 09:16

相关问题

平台发布后,多语言没有完全覆盖
没有看到设备管理模块的低代码配置
低代码平台pc端和app端页面生命周期函数分别是什么
低代码平台如何查询错误日志信息
低代码应用部署后遇到性能问题怎么办
低代码平台表格表头无法更新标题
低代码平台移动端级联选择组件如何设置默认值
干将低代码平台如何获取当前登录用户信息
干将低代码平台自定义下拉选择如何过滤数据
低代码平台前端组件事件如何设置