vue中form表单v-model动态绑定遍历数组

<el-form ref="formDatabase" :model="permissonList.bizContent" :rules="rules" :inline="true" label-width="120px">

      <el-form-item 

        style="display:block"

        v-for="(item,index) in apiManagerParameter"

        :label="item.parameterName"

        :key="index">

        <el-input v-model="permissonList.bizContent[item.parameterName]" style="width: 560px" placeholder="请输入内容" />

      </el-form-item>

    </el-form>

data() {

    return {   

      formDatabase: {},

      //多个数组传参

      permissonList: {

        interfaceId: null,

        bizContent: {

        },

      },

 };

}

  methods: {

    /** 编辑查询 */

    getApi() {

      this.loading = true;

      getApi(this.tableId).then(response => {

        this.loading = false;

        console.log(response)

        this.formDatabase = response.data.apiManager

        this.apiManagerParameter = response.data.apiManagerParameter

        this.apiManagerResult = response.data.apiManagerResult

        console.log(this.apiManagerParameter)

      });

    },

/** 提交按钮 */

    submitForm() {

      this.permissonList.interfaceId = this.formDatabase.interfaceId

      console.log(this.permissonList)

      gateway(this.permissonList).then(response => {

        this.loading = false;

        console.log(response)

        this.responseList = response

      });

    },

}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值