title: Populate vue-form-generator's select field with dynamic values
body: <p>i have a problem, i am trying to populate a select with data.
  Console errors:</p>
  <blockquote>
  <p>vue.js:584 [Vue warn]: Error in render: &quot;TypeError: Cannot read property 'forEach' of undefined&quot;</p>
  <p>Cannot read property 'forEach' of undefined</p>
  </blockquote>
  <pre><code>Vue.use(VueFormGenerator)
  var app = new Vue({
   el: '#app',
    data:{
    ...
    provincias:[{id:&quot;baires&quot;, name:&quot;Buenos Aires&quot;}],
    ...
    
  ,formOptions: {
    validationErrorClass: &quot;has-error&quot;,
    validationSuccessClass: &quot;has-success&quot;,
    validateAfterChanged: true
   }
  ,form_datos:{
    fields:[{
    ...
    {
        type: &quot;select&quot;,
        label: &quot;Provincia:&quot;,
        model: &quot;dp_provincia&quot;,
        required:true,
        values: this.provincias, 
        validator:VueFormGenerator.validators.string,
        styleClasses:'col-md-6'
     }
    ...
   ]
   }
  }
  ,created() {
    var res = VueFormGenerator.validators.resources;
    res.fieldIsRequired = &quot;Este campo es requerido.&quot;;
   }
  ,methods:
  bla bla bla
  </code></pre>
  <p>Why i dont do this?</p>
  <p>values: [{id:&quot;baires&quot;, name:&quot;Buenos Aires&quot;}]</p>
  <p>instead of values: this.provincias ???</p>
  <p>Because i want to populate the select with data that i get from a call to the api rest. These hard typed values are an example.</p>
  <p>Fiddle: <a href="https://jsfiddle.net/1e3k87us/1/" rel="nofollow noreferrer">https://jsfiddle.net/1e3k87us/1/</a></p>
  <p>Thanks</p>