在使用 Tailwind 和实用程序优先的 css 方法时,我经常发现需要将多个类绑定到单个变量。
例如,要设置输入表单的样式,我需要添加border-red
, color-red
等,如果有错误。
在 Vue 中是否有一种漂亮而优雅的方式来表达这一点而不是编写v-bind:class="{ 'border-red': error, 'text-red': error }
?
您可以将这两个类组合到同一个属性中:
:class="{ 'border-red text-red': error }"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)