将多个类绑定到单个变量

2023-12-08

在使用 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(使用前将#替换为@)

将多个类绑定到单个变量 的相关文章

随机推荐

  • 我是否可以将 Thing/CreativeWork/WebPage 中的属性用于 AboutPage 项目?

    我正在尝试了解微数据的工作原理 我正在查看 Schema org 网站 我有点了解基础知识是如何工作的 因为您可以在线找到一些导航 页眉 侧边栏和页脚的概述示例 但我不知道了解哪些属性可以用于更复杂的项目类型 假设我的网站上有一个 关于 页
  • 在 PHP 中同时下载文件列表

    使用 PHP 我创建了一个 CSV 文件数组 其中包含我要使用以下行下载的文件的 URL urls explode file get contents urls csv 完成此操作后 我使用以下代码块 foreach urls as url
  • qt 创建者 android 构建失败 build.xml:283: null 返回: 1

    我正在尝试使用 qt Creator 构建一个 Android 应用程序 但我遇到了问题 它通常工作得很好 但现在它给了我这个错误 dx VM初始化期间发生错误 dx 无法为 1048576KB 对象堆保留足够的空间 and 构建失败 C
  • matplotlib 中图例句柄的基本示例中的类型错误

    我很难理解图例处理 更多 基本来自官方的例子matplotlib 图例指南 import matplotlib pyplot as plt line up plt plot 1 2 3 label Line 2 line down plt
  • 使用 iPhone SDK 通过 Facebook Graph API 发布附件

    我一直在拼命尝试使用 Facebook 的 Graph API 将带有附件的消息发布到当前用户的留言墙上 我已经成功地发布了带有图像的 POST 对象 但是一旦我开始使用附件 它就不起作用了 就好像它不认识该属性一样 这是我的代码示例 NS
  • 按特定顺序打印多个 Excel 工作表

    我正在尝试从 Excel 工作簿打印 发布多张工作表 但按特定顺序 我使用此处使用的相同代码 但它不是按照我输入数组的顺序打印 而是从最左边的工作表打印到最右边的工作表 将多张纸保存为 pdf 我想按特定顺序打印纸张 我选择了要打印的顺序
  • 锁定 Android 手机 [重复]

    这个问题在这里已经有答案了 可能的重复 以编程方式锁定 Android 设备 我希望在运行方法时能够使用密码锁定 Android 手机 有谁有参考资料或示例代码供我参考 谢谢 EDIT我尝试过使用 KeyguardManager mgr K
  • 登录失败:用户名未知或密码错误。访问其他服务器时出错

    我正在使用登录凭据访问其他服务器 我的问题是 如果我最初运行代码 它会将错误显示为 Logon failure unknown user name or bad password 但是如果我尝试通过命令提示符连接到服务器一次后运行代码 然后
  • JavaScript 按位掩码

    这个问题类似于这另一个问题 但是 我想了解为什么会这样 下面的代码 console log parseInt 0xdeadbeef 16 parseInt 0x000000ff 16 toString 16 console log pars
  • Python 3.7.3 无意中安装在 Mac OS 10.15.1 上 - 现在包含在 Xcode Developer Tools 11.2 中?

    我昨天决定对 Mac 操作系统进行全新安装 例如 擦除整个磁盘并重新安装操作系统 我使用的是 Macbook Air 2018 我全新安装了 Mac OS 10 15 1 由于我之前的 Python 环境非常混乱 所以我进行了全新安装 我希
  • python 中的批量字符串替换?

    假设我有一个如下所示的字符串 str The yquick cbrown bfox Yjumps over the ulazy dog 您会注意到字符串中的很多位置都有一个 符号 后跟一个字符 例如 y 和 c 我需要用字典中的适当值替换这
  • json.org 上使用的生成铁路图的工具[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我喜欢的语法铁路图 on json org这是 BNF 语言的图形表示 我还没有找到任何工具可以产生如此雄辩的结果 任何人都可以识别用于生成这些图表
  • Chrome 不会删除会话 cookie

    我正在尝试在 javascript 中设置会话 cookie 如下所示 document cookie name alex path 但即使我退出浏览器并再次启动 Chrome 也不会删除它 我检查了 Firefox 和 Opera 它们都
  • Django 1.2 会话丢失

    我以前问过类似的问题 但我做了更多研究 这次迭代应该有点不同 似乎有几个 SO 用户在单个视图中注册和登录用户时遇到了问题 但还没有真正得到解决 问题是我在单个 Django 视图中注册 验证和登录用户 对于大多数用户来说这很好 但对于其他
  • 如何调试涉及 Classes.pas 中 ThreadProc 崩溃的设计时包卸载崩溃?

    我不确定如何追踪以下崩溃 当卸载我公司内部使用的设计时包时会发生这种情况 这是我们的代码 因此这是我们要修复的错误 而不是第三方组件供应商的问题 似乎涉及到一个线程 但由于它发生在 Classes pas 中的 Function Threa
  • 使用 pyodbc 在 Access 中处理日期时出现“参数太少”错误

    我正在使用带有 pyodbc 导入的 Python 我使用的是 Microsoft Office 2013 64 位 我正在尝试查询 accdb 数据库以选择范围内的不同日期并将它们分配给游标 以便我可以将它们附加到列表中 我的 Acces
  • 正则表达式从字符捕获到第一个句点

    我的正则表达式字符串看起来像 您的订单 Q 111 111 1111 账单金额为 100 50 美元 如何提取订单号 即 和第一个 之间的字符串 Q 111 111 1111 我试过了 但它正在捕获最后一个点字符 我确信 我需要使用非贪婪匹
  • Linux 是否对页目录和页表使用自映射?

    我只是问这个问题 因为我很好奇 Linux 内核是如何工作的 根据http i web i u tokyo ac jp edu training ss lecture new documents Lectures 02 VirtualMem
  • 是/否消息框始终返回是 - VB.Net

    我正在尝试消息框 并尝试了一个简单的是 否消息框 所以我写了这段简单的代码 但是 无论我按下哪个按钮 chc 变量始终返回为 1 我提供了代码 所以你可能会看到我做错了什么 这可能是严重错误的 If MsgBoxResult Yes The
  • 将多个类绑定到单个变量

    在使用 Tailwind 和实用程序优先的 css 方法时 我经常发现需要将多个类绑定到单个变量 例如 要设置输入表单的样式 我需要添加border red color red等 如果有错误 在 Vue 中是否有一种漂亮而优雅的方式来表达这