vue底部固定导航组件

最近做的项目里有个固定在底部的导航，之前用ionic做的时候因为有UI库所以很容易就解决了，因为这次是才接触vue，对vue能使用的ui库也不是很熟练，所以就自己封装了一个底部导航组件，希望可以帮助有需求的小伙伴

就是下面这种固定在底部的导航

下面上代码

<template>
	 <div class="footer_guide">
	    <a href="javascript:;" class="guide_item" :class="{on : '/msite'===$route.path}" @click="goTo('/msite')">
	      	<span class="item_icon">
	        	<i class="iconfont icon-home"></i>
	      	</span>
	      	<span>首页</span>
	    </a>
	    <a href="javascript:;" class="guide_item"  :class="{on : $route.path.indexOf('/search')!=-1}" @click="goTo('/search')">
	      	<spa