在我的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>