vue v-for 如何才能给每个子元素绑定不同的属性

Question

循环输出的子元素 ，已生成的房间数为例，我想实现的是 为每个子元素绑定 不同的 v-model 然后监听v-model来控制每一层的房间数v-model。有没有大佬知道有没有方法实现

Answer 1

方法1：直接用watch来监听，通过获取变化后的数据来更新房间数
方法2：总的写到一个json里面去，然后循环出来就行，格式会比较复杂。建议还是监听的好

export const Lou = [
  {
    louCeng: 1,
    fangXing: {
      daChuangFang: [
        {
          fangHao:101,
          jiaGe: 1500,
          zhuangTai:'未租'
        }
      ],
      daJuShi: []
    }
  },
  {
    louCeng: 2,
    fangXing: {
      daChuangFang: [],
      daJuShi: []
    }
  }
]

在切换楼层的时候就判断一下有这个楼层不，没有加上去就行了，
最后加到json上。