Styjun

i need help to send v-model from modal child to parent method.

This is the modal with vmodel tplProperty.

<template>
 <mdb-modal centered v-if="characteristicsModal">
 <mdb-modal-header>
 <mdb-modal-title>Neue Gruppe anlegen</mdb-modal-title>
 </mdb-modal-header>
 <mdb-modal-body>
 <div style="padding-left: 20px;">Eigenschaftname für currentSelectedGroup 
 <input type="text" style="width: 90%;" v-model="tplProperty" name="tplProperty"></div>
 </mdb-modal-body>
 <mdb-modal-footer>
 <mdb-btn color="success" @click.native="saveProperty">Speichern</mdb-btn>
 </mdb-modal-footer>
 </mdb-modal>
</template>
<script>
 export default 
 name: 'AddCharacteristicsModal',
 components: 

 ,
 props: 
 currentSelectedGroup: '',
 ,
 data() 
 return 
 tplProperty:''
 
 
 methods: 

 saveProperty()
 this.$emit('saveProperty', this.tplProperty);
 ,
 
 
</script>

This is the parent:

<AddCharacteristicsModal 
@saveProperty="saveProperty" v-bind:currentSelectedGroup="currentSelectedGroup" />

In data():

tplProperty: '',

And parent method:

 saveProperty(selectedGroup) 

 var self = this;
 // var selectedGroupKey = selectedGroup.toLowerCase().replace(/s/g, '').replace(/[^a-zA-Z0-9]/g, '');
console.log("******SAVEPROP"+ selectedGroup);
 if(this.properties[selectedGroup] == undefined) 
 this.properties[selectedGroup]=[self.tplProperty];
 else 
 Object.keys(this.properties).forEach(function (key) 
 if(key == selectedGroup) 
 var mergeList = self.properties[key].concat([self.tplProperty]);
 //console.log('mergeList:'+JSON.stringify(mergeList));
 self.properties[key] = mergeList;
 
 );
 
 this.currentSelectedGroup = selectedGroup;
 this.tplProperty ='';

 this.templates[this.selectedTemplate].property = this.properties;

 console.log("hallo");

 //console.log("P::"+JSON.stringify(this.properties));
 //console.log("P:TZTZTZ:"+JSON.stringify(this.templates[this.selectedTemplate].groups));

 // this.allTemplate[this.selectedTemplate] = this.templates;
 //localStorage.removeItem("allTemplates");
 //localStorage.setItem('allTemplates', JSON.stringify(this.allTemplate));
 // console.log("jijiji:"+JSON.stringify(this.templates));
 ,

The child v-model tplProperty is saved in selectedGroup param of method, but it should be saved in parent tplProperty.

Thx for help :-)