我只是想有动态顺风类的值，改变时，改变一个数据值，这是可能的，用顺风？
在我的例子中，我有一个双面菜单和一个主内容，我想设置菜单宽度，并以编程方式更改包含主内容的边距。
我不知道为什么tailwind不应用我制作的类，即使在浏览器中显示了div元素中的正确类。

左侧菜单：

（权利平等）

<nav
   class="fixed overflow-x-scroll bg-gray-700 top-16 h-screen"
   :class="classes.leftSidebar"
   >
   <h1 class="text-xl text-center font-bold pt-5">Menu</h1>
   <ul class="list-none text-white text-center">
      <li class="my-8">
         <a href="#">Teams</a>
      </li>
      <li class="my-8">
         <a href="#">Projects</a>
      </li>
      <li class="my-8">
         <a href="#">Favourites</a>
      </li>
      <li class="my-8">
         <a href="#">Notifications</a>
      </li>
      <li class="my-8">
         <a href="#">Members</a>
      </li>
   </ul>
</nav>

内容物：

<main :class="classes.main">
    <slot></slot>
</main>

脚本：

data() {
        return {
            showingNavigationDropdown: false,
            sidebar_left_w: 64,
            sidebar_right_w: 64,
        }
    },

    computed: {
        classes() {
            return {
                leftSidebar: `w-[${this.sidebar_left_w}rem]`,
                rightSidebar: `w-[${this.sidebar_right_w}rem]`,
                main: [`mr-[${this.sidebar_right_w}rem]`, `ml-[${this.sidebar_left_w}rem]`],
            }
        }
    },

我也尝试了leftSidebar:w-${this.sidebar_left_w},，但结果相同