css中，当对象为空时如何使样式不生效？

在数组中的对象name为空的情况下，css中的样式失效可以采用以下解决方法：

使用v-show

在vue中，可以使用v-show指令来控制元素的显示和隐藏。当对象name为空时，可以通过v-show指令将其隐藏掉。代码如下：

蓝湖代码转vue2.0+element-ui

将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.

下载

<p v-show="name">内容</p>

使用empty

css中可以使用empty伪类选择器来选择页面中为空的元素。如果元素没有任何子元素或文本内容，则该元素计为空。因此，可以通过empty伪类来选择对象name为空的元素，并使其样式不生效。代码如下：

p:empty {
  display: none;
}

需要注意的是，empty伪类只适用于完全为空的元素。如果元素中包含空文本或注释，则元素不会被视为为空。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！