SOLVED: Unable to get form data in vue componet

Questions
1

In the following code the statements console.log(formData)
console.log(frmdata) is returning {} and undefined respectively. please help.

<template>
  <f7-page>
    <f7-navbar title="About F7" back-link="Back" sliding></f7-navbar>
    <f7-block-title>Welcome to Framework7</f7-block-title>
    <f7-block strong>
      <form id="imageForm" method="POST" action="javascript:void(0)" enctype="multipart/form-data" @submit="uploadimage(this)">
      <input capture @change="imageChanged" name="imageData" id="imageData" accept="image/gif, image/jpeg, image/jpg, image/png" multiple type="file">
      </form>
    </f7-block>
  </f7-page>
</template>
<script>
import { f7Page, f7Navbar, f7BlockTitle, f7Block } from 'framework7-vue';
 export default {
  components: {
      f7Page,
      f7Navbar,
      f7BlockTitle,
      f7Block
    },
  methods: {
    uploadimage(img){
      const self = this;
      const app = self.$f7;
      const formData = app.form.convertToData('#imageForm');
      const frmdata = app.form.getFormData('#imageForm')
      console.log(formData)
      console.log(frmdata)
    },
    imageChanged(){
      const $ = this.$$;
      $('#imageForm').trigger('submit')
    }
  }
  };
</script>
2

Input type files data can not be converted to JSON. So you may use custom native window FormData object data as:

var formEl = this.$$('form#imageForm')[0];
formData = new window.FormData(formEl);
3

thank you so much for a quick reply. I have changed the coding and added

var formEl = this.$$('form#imageForm')[0];
formData = new window.FormData(formEl);

It really worked. Sorry for bothering you but thank you so much for your untiring efforts and supporting peoples solving their problems.