vue-cli中如何根据当然路由为条件,给页面某个元素添加某个类来改变样式。

现在需要当页面跳转到某个路由的时候,页面上的某个元素以当前路由为条件来改变其样式。
大佬们,不要只说思路,把具体实现代码也说下吧。我比较菜,很多语法还不是很熟悉,麻烦了!

阅读 4.5k
2 个回答
 routeName:this.$route.name,
:class="{'active':routeActive==='home'}"
  1. 获取当前路由名字;
  2. 使用vue样式绑定;
  3. 根据这个active来写样式就行了

把这部分功能提成一个组件,然后使用watch监听路由变化,再根据你想用的每个路由对应的样式设置组件样式

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题