フォームデータをREST経由でvue-form-generatorにロード

Question

私はフォームをビルドしています。これは、フォームのロード中に行う必要があるJSONリクエストによってデータを動的に取得する必要があります。私はこのデータを読み込む方法がありません。誰が助けてくれるの？

JSON呼び出しはvue-resource経由で実行されており、フォームはvue-form-generatorで生成されています。

export default Vue.extend({ 
    template, 

    data() { 
    return { 
     model: { 
     id: 1, 
     password: 'J0hnD03!x4', 
     skills: ['Javascript', 'VueJS'], 
     email: 'john.doe@gmail.com', 
     status: true 
     }, 

     schema: { 
     fields: [ 
      { 
      type: 'input', 
      inputType: 'text', 
      label: 'Website', 
      model: 'name', 
      maxlength: 50, 
      required: true, 
      placeholder: companyList 
      }, 
     ] 
     }, 

     formOptions: { 
     validateAfterLoad: true, 
     validateAfterChanged: true 
     }, 
     companies: [] 
    }; 
    }, 

    created(){ 
    this.fetchCompanyData(); 
    }, 

    methods: { 
    fetchCompanyData(){ 
     this.$http.get('http://echo.jsontest.com/key/value/load/dynamicly').then((response) => { 
     console.log(response.data.company); 
     let companyList = response.data.company; // Use this var above 
     }, (response) => { 
     console.log(response); 
     }); 
    } 
    } 

}); 

Answer 1

あなたは、次のようなAPIによって返された値にthis.schema.fields.placeholderを割り当てることができます。

methods: { 
    fetchCompanyData(){ 
     this.$http.get('http://echo.jsontest.com/key/value/load/dynamicly').then((response) => { 
     console.log(response.data.company); 
     this.schema.fields.placeholder = response.data.company 
     }, (response) => { 
     console.log(response); 
     }); 
    } 
    }