解决办法:
在app.vue的style中添加如下代码:
[hidden] {
display: none !important;
}
根本原因是因为最终生成的 CSS
权重 的不同,而导致元素没有正确隐藏,通过 !important 设置最高级权重
解决思路:v-show 通过display:none 来控制显示隐藏,最终代码解析 是通过css 来显示,Dom节点还是会渲染出来,当你的ccs层级 较多的时候,会导致 display:none的权重不够,无法达到显示隐藏效果