Question

我正在将vue-form-generator用于基于架构的表单。我有一个用户表格，其中带有公司选择框以显示所有公司。用户已经分配了我希望在打开用户编辑表单时选择它的公司。

用户表单数据是从rest api填充的。它成功地填充了数据（用户名，地址以及公司列表。我只限于在选择框中显示所选用户的公司（选定的选项）。

User.js（模式）

import VueFormGenerator from "vue-form-generator";
export default {
  fields: [{
    type: "input",
    inputType: "text",
    label: "First Name",
    model: "firstName",
    placeholder: "Your first name",
    featured: true,
    required: true,
    validator: VueFormGenerator.validators.string
  }, {
    type: "input",
    inputType: "text",
    label: "Last Name",
    model: "lastName",
    featured: true,
    required: true,
    validator: VueFormGenerator.validators.string
  }, {
    type: "select",
    label: "Company",
    model: "company",
    required: true,
    values: [],
    selectOptions: {
        noneSelectedText: "Select One"
        },
    validator: VueFormGenerator.validators.integer
  }...

USEREDIT.vue

getFormData () {
      console.log('getting data')
      let url = '/auction/' + this.$route.name + '/' + this.id
      var vm = this
      vm.loading = true
      HTTP_API.post(url)
        .then(function (response) {
          console.log(response)
          vm.form = response.data
          var field = vm.schema.fields.find(field => field.model === 'company')
          field.values = vm.form.companies
...
created(){
        if(this.id){
            this.getFormData()
        } 
    }

因此，如果用户Bob属于公司A，我想在用户编辑页面上看到公司：公司A与列表公司A，公司B一起选择，以便我可以根据需要更改值

如何在vue-form-generator选择字段中选择选项

0 个答案: