vuejs程序卡死

Question

1.单页面vuejs，在form中加入循环代码表填充option，由于form表有近100个字段，有代码表的字段也很多，所以加载很慢，但是可以加载成功。问题出在，当点击菜单（其实就是访问API查询json替换之前的绑定Data重新渲染页面）这时候页面无法重新渲染，页面崩溃。
2.`<div v-if="item.name == key && item.dataType == 'String'">

<div v-if="item.codetable==null || item.codetable==''">
    <el-input v-model="formData[item.name]" ></el-input>
</div>
<div v-else>
    <el-select v-model="formData[item.name]" filterable placeholder="请选择">
    <div v-for="(value, key) in codeData" v-if="item.name == key">
                                        <el-option
                                        v-for="item in value"
                                        :key="item.DM"
                                        :label="item.MC"
                                        :value="item.DM">
                                    </el-option>
                                </div>
                            </el-select>
                        </div>
                    </div>`

3.

4.背景：这个项目要求是表单都不能写死，都得通过json自己填充

Answer 1

element插件的问题，大家有相同问题的可以试试原生插件

Answer 2

可以对数据进行分段，然后递归异步渲染试试，我有个非vue的项目就是这么做的，大批量数据渲染，不异步渲染卡死，分段异步后点问题没有；