自定义组件的data属性

自定义组件可以使用在多个场景下，例如：详情、自定义按钮、自定义首页等。不同的场景下，自定义组件所接受的data属性存在差异（我们会在后续的版本中抹平差异，同时会兼容历史数据结构）。 该章节介绍不同场景下的data数据，方便开发人员快速使用。

使用在对象详情页中

<template>
    ...
</template>
<script>
    export default {
        props: ['data'],
        created(){
            console.log(this.data.object_api_name);
            console.log(this.data.object_id);
        }
    }
</script>
<style lang="less" scoped>
    ...
</style>

自定义页面

自定义页面不存在额外的数据。

详情页UI按钮

<template>
    ...
</template>
<script>
    export default {
        props: ['data'],
        created(){
            console.log(this.data.objectAPIName);
            console.log(this.data.objectData);
            console.log(this.data.objectId);
        }
    }
</script>
<style lang="less" scoped>
    ...
</style>

表单页UI按钮

<template>
    ...
</template>
<script>
    export default {
        props: ['data'],
        created(){
            console.log(this.data.objectAPIName);
            console.log(this.data.objectData);
        }
    }
</script>
<style lang="less" scoped>
    ...
</style>

列表页单条操作UI按钮

<template>
    ...
</template>
<script>
    export default {
        props: ['data'],
        created(){
            console.log(this.data.objectAPIName);
            console.log(this.data.objectData);
            console.log(this.data.objectId);
        }
    }
</script>
<style lang="less" scoped>
    ...
</style>

列表页批量操作UI按钮

<template>
    ...
</template>
<script>
    export default {
        props: ['data'],
        created(){
            console.log(this.data.objectAPIName);
            console.log(this.data.objextIds);
        }
    }
</script>
<style lang="less" scoped>
    ...
</style>