vue.js - vue 数据初始化的问题

问题描述

问 题

比如：

<el-option v-for="(v,k) in db_api_data.table_fields[form.public_data.master_table_name].data" :label="v.Field" :value="v.Field">
</el-option>

这个循环里面。 db_api_data.table_fields[form.public_data.master_table_name].data

每一层都需要初始化。比如

db_api_data = {}
db_api_data.table_fields = {}
db_api_data.table_fields[form.public_data.master_table_name] = {} //这个动态的key
db_api_data.table_fields[form.public_data.master_table_name].data  = {}

如果你不事先初始化，会报错。
如果结构固定，也没什么，问题是key是动态的时候，感觉就挺麻烦的。
经常报各种错。苦不堪言。这里插一句，那里插一句来初始化。导致代码已经很臃肿。不知道你们是如何处理这些问题的。

解决方案

数据结构不固定处理起来的确是很麻烦，尤其是js，像这种情况，用computed一层一层来验吧，验到哪一层为空就返回个空数组，全部都齐全的话就返回值

这篇关于vue.js - vue 数据初始化的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！