javascript - 在 :class 上转换顺风

Question

所以我希望这是一个相当简单的。我在 vue 文件中有一个 div

<div class="h-screen flex overflow-hidden" :class="darkMode">

我有一个脚本

export default {
  data() {
    return {
      darkMode: 'light'
    }
  },
  methods: {
    clickDarkMode () {
      if (this.darkMode === "dark") {
        this.darkMode = "light"
      } else {
        this.darkMode = "dark"
      }
    }
  },

当有人单击按钮以从亮变为暗或反之亦然时，我希望暗/亮模式过渡，这样它就不会出现在你的脸上。我了解 Tailwind 过渡，但无论我将实用程序类放在哪里，它们都不会激活。我究竟做错了什么？

标签： javascripttailwind-css