如何在vue 3中创建条件类绑定，并在条件满足时添加更多类

Question

我是Vue js 3的新手。如何在Vue 3中创建条件类绑定。我想要这样。如果是router.path != '/'，则添加'nav-bar-two'类，否则保持空白。在laravel中，很容易添加带有if else条件的类。但在Vue js中，这是不同的。该怎么办?我使用的是ve3, vue-router, laravel 9

<div 
class = "main-nav" 
v-bind:class="$router.path !== '/' ? 'nav-bar-two' : '' ">
....some other HTML code.....
</div>

我的最终结果应该是这样的如果我不在index路径，如"/"，那么类应该是class="main-nav nav-bar-two"，如果我在index路径"/"，那么类应该是class="main-nav"

Answer 1

Vue3有很棒的文档

<div class="main-nav" :class="{ 'nav-bar-two': ($route.name !== 'Home') }">
....some other HTML code.....
</div>

Answer 2

我找到了答案。最终答案是

<div class="main-nav" :class="{ 'nav-bar-two': ($route.name !== 'Home') }">
....some other HTML code.....
</div>

描述:不知道为什么$router。这条路没有起作用，但应该起作用。$route.name工作