本文介绍了在Vue应用中如何正确处理带参数的页面跳转，强调了不能直接在HTML标签中写跳转路径，而应该在JavaScript中使用`$router.push`。同时，为了解决页面刷新后数据丢失问题，文章提到了可以利用`created()`和`activated()`生命周期钩子，特别是`activated()`，它在每次进入激活的路由时都会触发，适合用于恢复页面状态。示例代码展示了如何获取路由参数并进行数据初始化。
例：
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){
968
4691
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
