Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The "Template" attribute is required in order to have the htmlContainer use it for displaying display the corresponding Vue templateComponent.

eg. "contact-template".

Vue Components(Templates) can be defined externally, from the ClientLogic repository and can be used to build custom VueComponents Vue Components that can be used as Template attribute values.

...

Code Block
languagejs
titleSample Vue Component (custom template)
<template>
    <div >
        <header>
            <a @click="callAkiomaCode('$ akioma.test.stamm.OpenVersicherter(eventSource); ')"><h3>{{fullName}}</h3></a>
        </header>
  
     
    </div>
</template>


<script>

import mixinAkioma from '@/mixins/mixinGlobalAkioma';

export default {
    mixins: [ mixinAkioma ],
    props: {
        dataSource:{
            type: Object
        },
        datasourceNamespace: {
            type: Object
        },
        currentRecord: {
            type: Object
        }, 
        controller: {
            type:Object
        }
    },
    mounted() {
        console.log(this.$props); 
    },
    computed: {
        fullName(){
            if(this.currentRecord.stamm_nr_nachname || this.currentRecord.vorname)
                return `${this.currentRecord.stamm_nr_nachname} ${this.currentRecord.vorname}`;
            else
                return '';
        }
    }
}
</script>

...