Vue v模型无法读取未定义的属性“ 0””

时间:2019-07-23 12:43:30

标签: javascript vue.js vue-cli

在我的Vue项目中,我将v-model分配给输入。但是,我将此Json模型与Web服务中的数据同步。当我的模型没有属性时,出现错误。当我使用v-if时,输入完全消失。你能提出解决方案吗?

例如,如果没有出现exampleModel.first[0].two,我得到:

  

v模型无法读取未定义“”错误的属性'0'。

==============================

简单示例

<input type="number" class="form-control" v-model="exampleModel.first[0].one"/>
<input type="number" class="form-control" v-model="exampleModel.first[0].two"/>
<input type="number" class="form-control" v-model="exampleModel.first[0].three"/>


<script>
  data() {
    return {
            exampleModel:{
                first:[
                        {
                        one:null,
                        two:null,
                        three:null
                        }
                    ],
                SecondExample:[
                        oneExample:null,
                        twoExample:null,
                        threeExample:null
                    ]
            }
        }
    }
  methods: {
      async getData(){
      result =.... axios.get(...);
      this.exampleModel = result.data;
      }
  }
 </script>

0 个答案:

没有答案