Vue отправляет данные из модального потомка в родительский метод - PullRequest
Новая
       34

Vue отправляет данные из модального потомка в родительский метод

0 голосов
/ 26 марта 2019

Мне нужна помощь для отправки v-модели от модального дочернего к родительскому методу.

Это модальное значение с 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>

Это родительское значение: 

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

В data (): 

tplProperty: '',

И родительский метод: 

        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));
        },

Дочерняя v-модель tplProperty сохраняется в параметре selectedGroup, но должна бытьсохранено в родительском tplProperty.

Спасибо за помощь: -)

...