avalon.js之if和visible的区别

avalon.js之if和visible的区别

ms-visible的作用是使元素在一定条件下隐藏，不显示，ms-if“同样隐藏，但它是将元素移出DOM。这个功能直接影响到CSS :empty伪类的渲染结果”。
ms-if在隐藏元素的同时，将元素移除了DOM，这样就有可能出现元素中不再包含子元素的情况，即满足:empty状态。而ms-visible只是隐藏元素，并不将其从DOM中移除。

此情况是我在写项目中遇到的问题，这个问题的隐藏性还是比较大的，当时以为是js代码除了问题，最后找到是因为标签属性的使用问题，导致页面数据不显示。

下图是属性修改前后的代码：

下面是修改为visible属性后的样式，数据全部显示，修改之前点击按钮上方显示是空白的。