Vue.js nuxtjs/vuejs中带有tailwind类的动态类绑定

我根据某个计时器将css类分配给一个div

s0可以是0-5

这项作业（如下所示）效果很好，但感觉在写作和表演方面都有很大的开销。有没有其他方法可以在nuxt中动态分配css类

e、 g.直接在模板上写入

class=“-mt-{s0*8}”

？为什么需要返回布尔值？我错过什么了吗

  <template> 
    <div class="secs-0" :class='{"-mt-8": oct(s0, 8),
                                      "-mt-16": oct(s0, 16),
                                      "-mt-24": oct(s0, 24),
                                      "-mt-32": oct(s0, 32),
                                      "-mt-40": oct(s0, 40)}'>

...



<script>
    ...
    methods: {
         oct(o, p) {
          return o*8 == p
         }
    },
    ...

...
...
方法：{
十月（o，p）{
返回o*8==p
}
},
...

我需要查看vuejs.org上的类和样式绑定，而不是nuxtjs.org（在那里我什么也没找到：-）

正确的方法是使用数组语法“['']”和字符串连接，如注释中的@tao所示

 <template> 
    <div class="secs-0" :class="['-mt-'+h0*8]">

@陶也做了一个适当的解释，谢谢

---

您可能会发现这种语法在您的案例中非常方便：

：class=“['-mt-'+s0*8]”

这里有一个例子。