tabs过多造成的输入卡顿

描述：前端要写一个需求，大概有一百多个tab渲染过来，每个tab中都是一个表单，这个时候数据渲染任务加重，输入内容时十分卡顿

解决方案

方案一

使用tabs的懒加载模式，只有打开对应的tab才加载对应tab内容

问题得到解决，亲测

方案二

对tab下的表单使用v-if，当前触发的tab与form索引一致时，才显示form
问题得到解决，亲测

出现的并发问题

使用懒加载或者v-if，都会造成我的表单没办法全部验证的问题。没有被加载的tab下的form，不会进行验证，导致验证失败
这个问题我的解决方案有点繁琐，欢迎评论区留言

解决方案

添加自定义验证，对数据进行循环

for(i = 0; i< this.data.length; i++) {
    // 循环触发每个tab，执行表单验证
    this.activePane = i.toString()
    this.$refs.form.validate()
}