[Vuejs]-Pass data from child component to parent component Vuetify

by

0👍

I see some errors:

    // child component
   <v-text-field

    <!-- DO NOT USE FUNCTION AS NAME -->
    @change="function"
    v-model="choice1"
    label="Choice 1"
    ></v-text-field>


   // Script 

   <!-- Here is Methods not Metods -->
   methods:{

     <!-- Same as before, change this method name accordingly -->
     function(event) {
       this.$emit('change', this.choice1); // I tried 'change' at the place of 'input' 
         but with no result too.  
        },
   }


   // parent component
   <!-- Here is most probably type-qst not typeQst, camel case get resolved automatically -->
   <typeQst @change="getRep"></typeQst> // my child component

   <!-- All This part needs to be in the vue export syntax as for the component before: -->
  [..]
  methods: {
     //script 
     getRep(value){
       console.log(value);
       }
   }

Leave a comment