html - 一种基于 riosJS 中的 1 验证在 DOM 元素上添加多个类的方法
问题描述
假设我想根据我拥有的布尔变量在我选择的 DOM 元素上添加 2 个类。使用 1 类,这将非常简单,只需执行以下操作:
<span class="{ class1 : variable }">Text</span>
但是2+班呢?
我尝试过:
<span class="{ class1, class2 : variable }">Text</span>
<span class="{ ['class1', 'class2'] : variable }">Text</span>
<span class="{ class1 && class2 : variable }">Text</span>
有没有实际的方法或者现在不可能?
我只是想避免这样做:
<span class="{ class1: variable } { class2: variable }">Text</span>
谢谢。
解决方案
这是可能的,是的。
如果class1
并且class2
是实际的 CSS 类,这将起作用:
<div class={"class1 class2": flag}>text</div>
如果class1
并且class2
只是保存 CSS 类名的变量,我会使用这样的东西:
<div class={flag ? `${this.class1} ${this.class2}` : ''}>text</div>
推荐阅读
- javascript - 在 React 中提交表单后函数不返回组件
- c - VS 代码:来自命令“-exec-run”的意外 GDB 输出
- mysql - 对相似的 meta_key 值进行分组并使用 meta_value 数据创建结果集
- jestjs - 将 Jest 与 @web/test-runner 一起使用
- wpf - Prism - 在多外壳应用程序 (WPF) 中每个外壳使用子 IoC 容器
- firebase - 将所有用户放在一个集合 Firebase 中?
- python - 在邀请 DM 中获取服务器名称和用户提及
- r - 我的表格是我分组条形图奇怪格式的原因吗?
- java - 如何解析(通过循环)字符串直到字符串结束?
- r - 了解累积函数的工作原理