前提:由于产品信息比较丰富,ui大致分为2种,所以在.vue 文件中,用了大量v-if控制布局的显示。(基本就是2大块,每次显示其中之一,大块里面的元素也用得比较多的v-if来控制)。
问题发生:产品列表 通过筛选条件的组合,重新发起请求排序后,产品列表的排序变了。并发生了布局错乱,比如有一行字符串:v-if控制的a,v-if控制的b,写死的c。
正常显示是:a,b,c
数据变了重渲染确出现了:c,a,b
并且是某一个item发生布局错乱,其他大部分都是正常。
用法应该是没什么问题的,也用了快2年了。现在发现将2大块布局,分别包装成component,可以大概率降低此现象。
但是具体原因还未找到,不知道有没有人遇到过这个问题