怎么避免在Vue中使用null作为class的空值
本篇内容主要讲解“怎么避免在Vue中使用null作为class的空值”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么避免在Vue中使用null作为class的空值”吧!
创新互联建站-专业网站定制、快速模板网站建设、高性价比喀喇沁网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式喀喇沁网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖喀喇沁地区。费用合理售后完善,十余年实体公司更值得信赖。
使用 null 而不是传递一个空字符串,这可能会导致DOM输出中的一个空类。在你的三元操作符中,你可以返回 null。这将确保DOM中没有空类:
比较空字符串 '' 和 null
让我们深入研究上面的示例,然后更全面地了解正在发生的事情。
(1) 方案1:使用空字符串 '' /
我们使用三元运算符根据 isBold 是true还是falsy来有条件地设置适当的类。在此示例中,我们要说的是,如果 isBold 是 true 的,它将把该类设置为 bold。如果是 false 的,它将返回一个空字符串 “”。 :class 是 v-bind:class 的缩写。
这将渲染:
如果 isBold 为 true ,它将渲染:
(2) 方案2:使用 null /
好吧,让我们看看如果将 null 分配为类的值会发生什么。