pug 动态class

Pug模板引擎中可以通过以下方式动态设置class属性：
p.klass(attr falseattr=false class=['myClass'])

这里，class=['myClass']是一个动态的class属性，你可以根据需要传递不同的值。在这个例子中，class属性被设置为'myClass'。

相关问题

vue2 pug 动态class

在Vue2中使用Pug动态添加class的方法如下：

可以使用Vue的动态绑定语法，使用冒号(:)来绑定class属性。例如，如果你有一个data属性叫做`isActive`，你可以通过以下方式来动态添加class：

<template lang="pug">
  div(:class="{ active: isActive }")
</template>

这样，当`isActive`为true时，就会给div元素添加一个名为`active`的class。

class Pet {} class Dog extends Pet {} class Pug extends Dog {} class Cat extends Pet {} class Rodent extends Pet {} class Gerbil extends Rodent {} class Hamster extends Rodent {} class Main { static HashMap<Integer, Class<? extends Pet>> map = new HashMap<Integer, Class<? extends Pet>>(); static { map.put(Pet.class.getName().length(), Pet.class); map.put(Dog.class.getName().length(), Dog.class); map.put(Pug.class.getName().length(), Pug.class); map.put(Cat.class.getName().length(), Cat.class); map.put(Rodent.class.getName().length(), Rodent.class); map.put(Gerbil.class.getName().length(), Gerbil.class); map.put(Hamster.class.getName().length(), Hamster.class); } public static void main(String[] args) { for ( Integer i : map.keySet() ) System.out.println(map.get(i).getName()); }} The code below will print three lines.运行结果，为什么

运行结果会打印出以下三行：

Pet
Pug
Hamster

这是因为 `map` 是一个 `HashMap`，它按照键的顺序存储值。在这种情况下，键是类名的长度，值是对应的类。当遍历 `map` 并打印值时，它们按照键的升序进行打印。

首先，`Pet.class.getName().length()` 的值为3，所以打印出 `Pet`。

接下来，`Pug.class.getName().length()` 的值为3，所以打印出 `Pug`。

最后，`Hamster.class.getName().length()` 的值为7，所以打印出 `Hamster`。

其他类的长度不是3或7，所以它们不会被打印出来。