报错 :Injection "collapse" not found
found in
---> <UniCollapseItem> at components/uni-collapse-item/uni-collapse-item.vue
这里引入组件使用的是easycom
填报页面和记录页面通过v-if控制显示时报错
解决办法 : 通过v-show控制显示

复习一下 v-if 和 v-show的区别
v-show : 本质就是通过控制css中的display设置为none,控制隐藏,只会编译⼀次;
v-if :是动态的向DOM树内添加或者删除DOM元素,若初始值为false,就不会编译了。⽽且v-if不停的销毁和创建⽐较消耗性能。
总结:如果要频繁切换某节点,使⽤v-show(切换开销⽐较⼩,初始开销较⼤)。如果不需要频繁切换某节点使⽤v-if(初始渲染开销较⼩,切换开销⽐较⼤)。
本文介绍了在使用EasyUI的uni-collapse-item组件时遇到的'collapse'未找到错误,重点讲解了如何通过v-if和v-show控制组件显示,以及两者性能差异,并总结了在频繁切换场景下v-show的适用性。

675

被折叠的 条评论
为什么被折叠?



