vue 设置数组

taiguolaotu

已于 2023-07-27 15:31:05 修改

阅读量172

点赞数

分类专栏：浅谈前端文章标签： vue.js javascript 前端

于 2023-07-25 14:53:40 首次发布

本文链接：https://blog.csdn.net/taiguolaotu/article/details/131917922

版权

浅谈前端专栏收录该内容

51 篇文章 1 订阅

订阅专栏

文章展示了在Vue.js中如何使用el-form-item和el-select组件来实现数据绑定，并通过调用接口动态更新选项列表。在组件中，利用v-model进行数据交互，并通过for循环处理接口返回的数据，构建选项对象数组kplmList。

摘要由CSDN通过智能技术生成

手写获取数据

   <el-form-item label="缴纳方">
                <el-select v-model="form.invoiceCategoryName" placeholder="请选择缴纳方">
                  <el-option
                    v-for="item in kplmList"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>


import { auditApply, listApply, rebateUpate } from '@/api/sep/apply'
    export default {
        name: "Info",
        data() {
            return {
              kplmList: [],
                info: {},
                drawer: false,
                // 遮罩层
                loading: true,
                form: {
                    gthmc: "",
                    dkgs: "",
                    lxr: "",
                    lxdh: "",
                    skgs: "",
                    jsje: "",
                    jssj: ""
                }
            };
        },

			 //设置缴纳方
              let kplmList = []
                let info = {
                  label: '企业缴',
                  value: '0'}
               let info1 = {
                label: '个体户缴',
                value: '1'}
              kplmList.push(info),
              kplmList.push(info1),
              this.kplmList = JSON.parse(JSON.stringify(kplmList))

在这里插入图片描述

请求接口获取数据

    showInvoicing(row) {
      this.invoicingForm = {}
      this.invoicingForm.enterpriseId = row.enterpriseId,
        this.invoicingForm.applyId = row.applyId,
        this.isShowInvoicing = true

      this.formData = {}
      this.formData.id = row.applyId,
      //请求接口
        selectSepApplyListss(this.formData).then(response => {
          let list = []
          let kplmList = []
          if (response.data[0].selectCategoryContent) {
            list = response.data[0].selectCategoryContent.split(',')
          }
          for (var i in list) {
            let info = {
              label: list[i],
              value: list[i]
            }
            kplmList.push(info)
          }
          this.kplmList = JSON.parse(JSON.stringify(kplmList))
        })
    },