- 首先检查路由是否配置
例：
const router1 = new Router({
routes: [
{
path: '/xf-lokoonn',
name: 'xf-lokoonn',
meta: { // 在路由配置中加入meta:{requireAuth: true}
requireAuth: true
},
}
]
})
2.跳转路径不能直接写在<input></input>这种框里，这样写跳转不生效，要在下面<script></script>里面单独写js去跳转
例：<el-button v-if="isAuth('sys:user:list')" type="text" size="small" @click="selectEquipName(scope.row)">查看</el-button>
<script>
selectEquipName(row){
this.$router.push({path:'/xf-lokoonn',query:{equipname:row.equipname}});
},
</script>
3.跳转页面取值又两种path和query，我这里用的是query感觉方便一点，如果用path路由那个地方是要改的，这个我之前查过忘记了，后面有时间补上；active(),created()，解决刷新问题，如下所述：
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；
activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等
例：
activated () {
this.mounted();
this.select();
},
created() {
this.mounted();
},
methods: {
mounted() {
this.dataListLoading = true
this.equipname = this.$route.query.equipname;
var equipname=this.equipname
console.log(this.$route.query)
console.log("-----------------")
console.log(this.equipname)
console.log(equipname)
},