Skip to content

属性

javascript
// 弹窗组件的配置对象
modal: {
    // 表示该组件是否为容器类型,true 表示是
    isContainer: true,
    // 组件的显示名称
    displayName: "弹窗",
    // 表示该组件是否为表单类型,false 表示不是
    isForm: false,
    // 组件内部包含的 widget 列表
    widgetList: [],
    // 表示是否可以添加数据表查询功能,false 表示不可以
    canAddDataTableQuery: false,
    // 表示功能是否完整,true 表示是
    complete: true,
    // 表示是否可以添加数据表列表功能,false 表示不可以
    canAddDataTableList: false,
    // 组件的属性配置
    props: {
        // 表示是否显示标签,false 表示不显示
        hasLabel: false,
        // 弹窗的标题
        title: "弹窗",
        // 表示弹窗是否显示,false 表示不显示
        show: false,
        // 弹窗的宽度,24 表示 24 个单位宽
        width: 24,
        // 弹窗的宽度,单位为百分比
        modalWidth: "80%",
        // 弹窗的高度,单位为百分比
        modalHeight: "80%",
        // 表示是否隐藏确认按钮,false 表示不隐藏
        hideConfirm: false,
        // 表示是否显示底部区域,true 表示显示
        hasFooter: true,
        // 弹窗内的列表数据
        list: [],
        // 弹窗的高度,null 表示没有设置高度
        height: null,
        // 弹窗创建时的回调函数
        onCreated: null,
        // 弹窗挂载时的回调函数
        onMounted: null,
        // 点击确认按钮时的回调函数
        onConfirm: null,
        // 隐藏弹窗时的回调函数
        onHideModel: null,
        // 点击按钮时的回调函数
        onButtonClick: null,
    }
},

方法

名称描述示例
app.getPropsById获取当前组件参数值app.getPropsById({id})
app.open打开弹窗app.getMethodById({id}).open(()=>{})
app.close关闭弹窗app.getMethodById({id}).close(()=>{})