problem in import vue-form-generator.

AnilKumaRLotla commented 5 years ago

Hi Team, Good Day,

I have problem in import vue-form-generator Please find the attachment screen shot FYI. Please suggest me on this.

Code Sample:

<template>
  <div v-cloak>
    <div class="form-group row" v-for="field in fields.fields" :key="field.id">
      <label class="col-sm-3">{{field.label}} <span class="required" v-if="field.required">*</span></label>
      <div class="col-sm-9">
          <vue-form-generator :schema="fields"></vue-form-generator>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
// d:/eptw/eptw.web/ptw-components/node_modules/vue-property-decorator/lib/vue-property-decorator
import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
import PtwAttachment from './PtwAttachment.vue';
import PtwSelect from './PtwSelect.vue';
import PtwTextbox from './PtwTextbox.vue';
import VueFormGenerator from 'vue-form-generator';

@Component
export default class PtwMultiColumnFormGenerator extends Vue {

  @Prop({ default: '' })
  private fields!: any;

  @Prop({ default: '' })
  private placeHolder!: string;

  @Prop({ default: '' })
  private value!: string;

  @Prop({ default: '' })
  private cssStyle!: string;

  private styles: string = this.cssStyle ? this.cssStyle : 'form-control';

  mounted() {
    console.log(this.fields);
  }
}
</script>

Missing TypeScript type declaration