...
The "Template" attribute is required in order to have the htmlContainer display the corresponding Vue Component.eg. "contact-template"
Note: Use kebab-case in "Template" attribute names as best practice instead of PascalCase. PascalCase will be converted to kebab-case for the Vue component name.
Vue Components(Templates) can be defined externally, from the custom ClientLogic repository and can be used to build custom Vue Components that . After implementing and building the Vue components, they can be used as Template attribute valuesTemplates by seting up the Template attribute with the name of the component.
eg. "contact-template".
| Code Block | ||||
|---|---|---|---|---|
| ||||
<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
}
},
computed: {
fullName(){
if(this.currentRecord.stamm_nr_nachname || this.currentRecord.vorname)
return `${this.currentRecord.stamm_nr_nachname} ${this.currentRecord.vorname}`;
else
return '';
}
}
}
</script> |
...