REST를 통해 vue-form-generator에 폼 데이터 로드

REST를 통해 vue-form-generator에 폼 데이터 로드

폼을 작성 중입니다.폼을 로드하는 동안 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);
      });
    }
  }

}); 

할당만 하면 됩니다.this.schema.fields.placeholderAPI에서 반환되는 값으로 다음과 같이 설정합니다.

  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);
      });
    }
  }

언급URL : https://stackoverflow.com/questions/41364891/load-form-data-via-rest-into-vue-form-generator