首页 > 解决方案 > 增量不适用于循环vue js

问题描述

我刚刚制作了一个模型以将复选框值放入数组中。但是,当我尝试映射索引时遇到了问题。问题是,增量只是什么都不做。我尝试对其进行控制台记录,但该值一直显示为 0。

这是我的模型:

data: function () {
  return {
    id: null,
    editor: false,
    loading: false,
    valid: false,
    checks: [],
    field: [],
    form: {
      name: 'asd',
      description: 'asd',
      data: [
        {
          menu_id: '',
          user_type_id: '1',
        },
      ],
    },
    file: null,
    url: null,
  }
},

这是我设置数据的函数:

async setDetail () {
    this.form.name = this.form.name
    this.form.description = this.form.description
    for (var i = 0; i < this.form.data.length; i++) {
      this.form.data[i].menu_id = this.field[i].menu_id
      this.form.data[i].user_type_id = this.form.data[i].user_type_id
      console.log(this.form.data[i])
      console.log(this.field)
      console.log(i)
    }
  },

每次我检查多个复选框时,它总是显示如下输出: 在此处输入图像描述

希望大家能帮忙告诉我这是什么问题。谢谢

标签: javascriptvue.js

解决方案


推荐阅读