vue判断各种状态添加样式

vue判断各种状态添加样式,第1张

vue项目中常常会根据某种状态添加样式一些样式,比如每个网站顶部都会根据进入某个页面添加某些样式。

解决方法:可以根据 $route路由上判断

假如某个路由$route.path里面有地址栏路由,即indexOf不等于-1,即可添加某种样式。

先在data里面定义

`data () {

return {

collapse:false

}

}

`

点击展开菜单添加is-active,同时将collapse变成true,然后在你想增加类名的dom上加上:class="{'classA':collapse}",类名classA在css里面添加样式


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11892893.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存