vue实现路由跳转页面

vue跳转路由的方法有很多，我的项目中一遍用到以下几张方法，对此进行总结，方便下次在用的时候可以直接过来复制粘贴用。

1.点击文字，直接跳转页面

 实现代码如下：

<router-link to="/organizationalStructure/userManagement(你自己的跳转地址)" style="color: #3f9beb">点击跳转</router-link>

2.点击图标按钮跳转页面

 实现代码如下：

<router-link to="/organizationalStructure/syncDataSource(你的跳转地址)" style="color: #3f9beb">
  <el-button size="mini" title="点击跳转" class="editBtn"><svg-icon icon-class="add" /></el-button>
</router-link>

 3.可以通过点击事件，在js代码里实现跳转

实现代码如下：

handleJump() {
   this.$router.push('/systemSettings/networkSettings(你的跳转地址)')
},

当然应该还有很多跳转方式，我这边只是总结了我项目中用到的跳转方法，后期应该会查缺补漏