vue-form-generator의 선택 필드를 동적 값으로 채웁니다.

vue-form-generator의 선택 필드를 동적 값으로 채웁니다.

문제가 있습니다. 선택 항목에 데이터를 입력하려고 합니다.콘솔 오류:

vue.js: 584 [Vue warn] :렌더 오류: "TypeError: 정의되지 않은 'ForEach' 속성을 읽을 수 없습니다."

정의되지 않은 'ForEach' 속성을 읽을 수 없습니다.

Vue.use(VueFormGenerator)
var app = new Vue({
 el: '#app',
  data:{
  ...
  provincias:[{id:"baires", name:"Buenos Aires"}],
  ...
  
,formOptions: {
  validationErrorClass: "has-error",
  validationSuccessClass: "has-success",
  validateAfterChanged: true
 }
,form_datos:{
  fields:[{
  ...
  {
      type: "select",
      label: "Provincia:",
      model: "dp_provincia",
      required:true,
      values: this.provincias, 
      validator:VueFormGenerator.validators.string,
      styleClasses:'col-md-6'
   }
  ...
 ]
 }
}
,created() {
  var res = VueFormGenerator.validators.resources;
  res.fieldIsRequired = "Este campo es requerido.";
 }
,methods:
bla bla bla

왜 나는 이것을 하지 않는가?

값: [{id:"bares", 이름:"부에노스아이레스"}]

값 대신 : this . scias ?

select에 콜에서 api rest로 취득한 데이터를 입력하기 위해서입니다.이러한 하드 타입의 값이 그 예입니다.

바이올린: https://jsfiddle.net/1e3k87us/1/

고마워요.

vue를 파고드는 대신 가치 제안의 기능을 제공하십시오.

data: function() {
  return {
    dynamicProvinces: [ 'default', 'provinces', 'here' ],
    form_datos: {
      fields: [
        {
          type: "select",
          label: "Provincia:",
          model: "dp_provincia",
          // provide a function for values...
          values: (model, schema) => {
            this.dynamicProvinces
          },
        }
      ]
    }
  }
},
created() {
    // set province values however you like, for example, from an API
    getProvincesAPI.then(provinces => {
      this.dynamicProvinces = provinces
    })
}

OK 해결했습니다.값은 비워둘 필요가 있습니다.

{
 type: "select",
      label: "Provincia:",
      model: "dp_provincia",
      required:true,
      values: [], 
      validator:VueFormGenerator.validators.string,
      styleClasses:'col-md-6'
}

메서드에서 값 속성에 액세스할 수 있습니다.

var fiel=app.$root.form_datos.fields.find(field => field.model === 'dp_provincia');
fiel.values=[{id:"0", name:"example"}];

fiel.values=this.harcias;도 효과가 있을 것 같다.

언급URL : https://stackoverflow.com/questions/48562255/populate-vue-form-generators-select-field-with-dynamic-values