解决使用vue.js路由后失效的问题

新学了vue.js中的路由 在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找到原因是因为同一个id被启动了两次(第一次是之前使用vue组件时启动的,另外一个是路由时启动的)

附上部分代码

 
 
 


body {
 margin: 0;
 padding: 0;
}
.logo {
 width: 166.65px;
 height: 60px;
 position: absolute;
}
.el-menu-demo {
 margin-left: 166.65px;
}
.tac {
 width: 500px;
} 
.bar2,.bar3{
 display: none;
}



 
 
 
 
 基本资料
 培养信息
 考核相关
 清算
 



 
 
 
 
 
 基本信息
 修改密码
 
 
 会员信息
 
 
 小组信息
 
 
 
 


 



 
 
 
 
 
 

 

以上这篇解决使用vue.js路由后失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。