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

ncgqoxb0 于 2023-01-01 发布在 Java

关注(0)|答案(2)|浏览(106)

我是Vue js 3新手。如何在Vue 3中创建条件类绑定。我希望它是这样的。如果router.path != '/'则添加类'nav-bar-two'否则保持空白。在laravel中，添加一个带有if else条件的类很容易。但在Vue js中，它是不同的。怎么办？我使用的是vue 3，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"

JavaScript

来源：https://stackoverflow.com/questions/74970663/how-to-create-a-conditional-class-binding-in-vue-3-and-add-more-class-when-condi

2条答案

按热度按时间

pw9qyyiw1#

Vue3有很棒的文档

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

赞(0）回复(0）举报 2023-01-01

5sxhfpxr2#

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

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

描述：不知道为什么$route.path不工作，但应该工作。$route.name工作。

赞(0）回复(0）举报 2023-01-01

我来回答

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

2条答案

相关问题

热门标签

最新问答