1
关注
347
浏览

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

查看全部 1 个回答

周海涛 超级管理员 用户来自于: 运营商级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

相关问题

低代码平台流程设计中节点处理人设置为人员脚本,脚本返回的数据格式是什么
低代码平台移动端怎么部署
低代码平台应用如何脱离平台独立部署
低代码平台如何查询错误日志信息
低代码平台数据权限如何配置
用router.closeView()页面没关闭怎么办
低代码平台app页面下拉选择组件如何设置默认选中值
低代码平台表格需要复制单元格功能
低代码平台前端表格组件如何在页面初始化时设置默认选中值
低代码平台自定义CSS编写规范