vue各导航路由组件底部的导航/底部导航组件

外卖项目里有个固定在底部的导航，之前用ionic做的时候因为有UI库所以很容易就解决了，因为这次是才接触vue，对vue能使用的ui库也不是很熟练，所以就自己封装了一个底部导航组件，希望可以帮助有需求的小伙伴, 这种固定在底部的导航 :class="{on: ‘/msite’===KaTeX parse error: Expected 'EOF', got '}' at position 11: route.path}̲" @click="goTo(…route.path）转向某个路径，goTo(’/msite’)。
上代码HTML部分，这个class的意思就是 如果当前路径是 ‘/msite’(这个是我们首页的路径)的时候 ，显示on这个class的样式,css样式

控制路由，进行跳转this.$router。和REACT功能效果差不多。
JS中写好点击事件，点击跳转到要去的路径，这样就可以了