...
Code Block | ||||
---|---|---|---|---|
| ||||
<template> <div > <header> <a @click="callAkiomaCode('$ akioma.osivtest.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> |
...
Code Block |
---|
npm run build:templates |
In the custom Vue component the developer can use the akioma vue mixin for helper methods. callAkiomaCode is available in this mixin and can be applied on different events(click, mouseenter...) and using the vue events in templates.
(see example above, where callAkiomaCode is used to call the method defined in akioma.test.stamm.OpenVersicherter)