Skip to content

Properties (prop)

When a page is referenced by automation or accessed through a link, the frontend passes contextual properties when instantiating the page.

Designers can set property type validation, default values, etc. in the script according to Vue's property specifications.

Example Script

js
{
    props: { 
        descs: { 
            type: String 
        } 
    }, 
    data: function () {
        return {
        }
    },
    created: function () {
        console.log('script.created');
    },
    mounted: function () {
        console.log('script.mounted');
        var that = this;
        setTimeout(function () {
            that.setup();
        }, 0);
    },
    beforeDestroy: function () {

    },
    methods: {
        setup: function () {
            var that = this;
            console.log('script.setup');
            this.setFormDesc(this.descs);
        },
        setFormDesc: function(val) {
            console.log('script.setFormDesc');
            this.form.descs = 'props:' + (val == null ? '' : val);
        }
    }
}

Automation Prop Passing

For details, please refer to Open Form Designer Form

Usage Instructions

Link access requires enabling the Allow access via URL control item in the form. Link Access Passing Prop

URL Parameter Parsing and Passing

The platform parses parameters after the URL address to pass properties during rendering.

  • When the parameter name is consistent with the prop name defined in the script, the parameter value parsed from the address can be received.
  • When parsing address parameters, parameter values are all passed as string type.