vue判断是否是最后一级路由

最新推荐文章于 2024-04-28 23:01:48 发布
最新推荐文章于 2024-04-28 23:01:48 发布
阅读量844 收藏
点赞数
分类专栏： h5 js vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42431718/article/details/122045466
版权
js 同时被 3 个专栏收录
10 篇文章 0 订阅
订阅专栏
h5
4 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏 
      if (window.history.state && window.history.state.key) {  //返回上级h5
        this.$router.go(-1);
      } else {  //返回app页面
        this.AppFinishPage();
      }
qq_42431718
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue学习 32路由精讲之二级路由和三级路由
Shelly Long的博客
05-04 1572
分级时，默认打开指定下级的路由，使用redirect属性，其值为子级路由的路径path. 子级使用属性children: 值为数组，数组中每个元素都是一个路由对象 二级路由 在main.js中配置路由 // 二级路由 import Contact from './components/about/Contact' import Delivery from './components/ab...
解决vue-router 二级导航默认选中某一选项的问题
12-13
二级导航条，不是二级路由的（如果是二级路由是用linkActiveClass来做，我之前文章说过），是单纯获取数据的按钮，当这个页面出现时，默认选中第一项。 首先： 上面的判断的意思是：如果你点击某一个选项把这个...
vue 判断当前要删除的项 是否当前页最后一条
lele的博客
12-18 1089
let count = (this.searchForm.page - 1) * this.searchForm.num; let nowTotal = this.pageTotal - 1; this.searchForm.page = (count == nowTotal && count !=1 ) ? this.searchForm.page - 1 : this.se...
vue-router判断是否存在上一个路由以及用户是否回到首页
最新发布
ddmt0000的博客
04-28 427
可以设置一个全局前置守卫beforeEach，vue路由的起始路径就是/，可以判断to.path === '/'，但是这样还不够，因为用户也可以通过很多方式回到根目录（可能是首页），所以我们还需要判断是否存在上一跳，这里用
Vue之判断页面二级路由
我是我
08-05 2291
判断二级路由 当我们在项目进行时，如果项目底部有tabbar，tabbar主要是四个大模块之间的相互跳转，若我们在二级路由之后页面不想看到，我们可以有以下两种方式： 方式一： 在App.vue中定义tabbar， v-show="某个判断条件"， 我们可以在router.js中设置meta属性， 来控制该路由是否要显示 代码 App.vue <van-tabbar v-show="!$route.meta.notShowTab" route v-model="active" @change="
【博客】 日期格式化显示，判断是否是最后一页等，悬浮显示菜单
朝阳39的博客
05-23 159
日期格式化显示——几天前，几小时前（vue过滤器，moment格式化、中文化） 判断是否是最后一页 当返回数据的数量 < 每页的数量时，即可确定，当前页为最后一页
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
一位不知名小前端的一些笔记
04-13 5184
1、需求介绍： 以下介绍一下实现起来没什么疑问的需求：设备列表为一个主页，点击设备列表中的编辑按钮，进入设备信息主页面，默认打开设备配置页，点击设备状态、设备日志、固件升级，会切换下方内容。 本人对以上需求实现方案：设备列表为一级路由，设备信息主页为二级路由，设备配置、设备状态、设备日志、固件升级在设备信息主页中使用v-if机制切换。 1.1、相关路由： 1.2、v-if...
vue递归组件
peppa_pig的博客
09-18 425
1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现“max stack size exceeded”的错误，也就是栈溢出。那么，我们可以使用v-if="false"作为递归组件的结束条件。当遇到v-if为false时，组件将不会再进行渲染。 既然要用递归组件，那么对我们的数据格式肯定是需要满足递归的条件的。就像下边这样，这是一个树状的递归数据。 [ { "name": "黄焖鸡米饭111111111",
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
10-14
主要介绍了vue+element使用动态加载路由方式实现三级菜单页面显示的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前端VUE权限管理（包含菜单权限和按钮权限），router.addRoutes根据后台接口传递数据生成动态路由
08-15
VUE-router.addRoutes根据后台接口传递数据生成动态路由，前端拿到配置并生成侧边栏-实现页面级权限控制。 ----------------------------------------------- 登陆成功之后直接由后端返回异步路由表，然后前端直接...
Vue iview-admin框架二级菜单改为三级菜单的方法
12-11
将Menu导航菜单组件的的二级嵌套结构改为三级嵌套，无非就是判断二级路由页面下是否有children属性及是否含有子元素，有的话直接v-for循环生成子元素标签，新结构如下： <Menu ref="sideMenu" :active-name="$...
vue中beforeRouteLeave实现页面回退不刷新的示例代码
12-13
路由切换返回前一个路由时实现页面不刷新功能，首先想到的是keep-alive，但是页面不属于父子级关系，所以决定用beforeRouteLeave，下面贴代码 beforeRouteLeave(to, from, next){ if(to.name !== 'page2'){ //...
Vue之路由守卫实现不能后退的问题
愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~
09-15 2527
前言   路由守卫，顾名思义：在路由跳转的时候起到一定的保护作用。比如说：跳转主界面的时候先去登录，登录成功之后才可以进入主界面。就可以使用路由守卫，但是小编今天想要分享的是路由守卫的另一个用处。 需求分析   假设我现在有A、B、C、D、E、F、G7个界面，在A、B、C三个界面的时候可以正常返回上一个界面，即由A到B到C，也可以由C到B到A，但是从D开始，D可以到E，E可以到F，F可以到G，但是...
vue处理分页停留
weixin_30492047的博客
09-14 196
1.需求说明：当我们在展示数据分页的时候，跳转到别的分页，需要查看分页数据的信息就会跳到另一个组件，这时候我们再点击返回按钮的时候，分页会重置掉不会记录我们选择跳转的分页，而是返回到第一页 2.我们查看第4页的最后一条数据，这时候已经跳转了路由，当我点击返回的时候需要返回到第4页，而不是跳到第一页 3.这时候我们先使用生命周期，当组件更新的时候把跳转的到第几页的数值存起来 upd...
Vue路由back回退时判断有没有上一个路由
qq_44915607的博客
09-29 2564
onClickLeft () { if (window.history.length <= 1) { this.$router.push({ path: '/' }) return false } else { this.$router.go(-1) } // 上面都没执行就说明卡在当前页不是最后一条， histroy记录数量大于1，又没有回退记录，只能返回首页， // 如果上面都执行了 页面都
【vue3.0】keep-alive 路由页面缓存
票票的博客
12-28 4597
前言 在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在进行路由切换的时候，页面是会重新加载，对应的生命周期函数也会再次执行一遍，但是在有些业务场景下，是不需要重新加载的。 先简单介绍一下什么情况下会用到keep-alive 1，当使用路由跳转到其他页面的时候，要求缓存当前页面，比如在有分页数据列表中，切换到第三页需要查看列表对应数据的详情页面，然后返回，如果不加任何处理，列表页面会重新加载，默认显示第一页数据，而不在是之前的第三页，这样如果还需要查看之前查
Vue3路由回退
gurenchang的博客
08-17 3323
2.在中引入需要的路由组件useRoute，并引用。1.在需要回退的页面，添加一个按钮，然后为这个按钮添加一个点击事件。3.调用回退事件的方法，实现点击事件绑定的函数。
vue中$router.go(-1) 跳转之前判断有没有上级路由
sdsccyy的专栏
01-14 3485
返回上级路由 关闭当前页面
vue标签内判断是否是该路由，是显示，否则隐藏
xx820702的博客
06-10 538
vue标签内判断是否是该路由，是显示，否则隐藏
vue路由跳转返回上一级的时候判断是否有上一级
08-19
在 Vue Router 中，你可以使用 `$router` 对象的 `go` 方法来实现返回上一级路由，并通过判断浏览器的历史记录长度来确定是否有上一级路由。 以下是一个示例代码，演示了在 Vue 组件中如何实现路由返回并判断是否有上一级路由： ```javascript // 在 Vue 组件中 export default { methods: { goBack() { if (this.$router.history.length > 1) { this.$router.go(-1); // 返回上一级路由 } else { // 没有上一级路由的处理逻辑 // 例如跳转到其他页面或显示提示信息 } } } } ``` 在上述示例中，我们定义了一个 `goBack` 方法，该方法首先判断 `$router.history` 的长度是否大于 1，如果大于 1，则表示有上一级路由，使用 `$router.go(-1)` 返回上一级路由；否则，表示没有上一级路由，你可以在这里添加你自己的处理逻辑，例如跳转到其他页面或显示提示信息。 在你的 Vue 组件中，你可以调用 `goBack` 方法来实现返回上一级路由的操作。例如，在按钮的点击事件中调用 `goBack` 方法： ```html <template> <div> <button @click="goBack">返回上一级</button> </div> </template> <script> export default { methods: { goBack() { if (this.$router.history.length > 1) { this.$router.go(-1); // 返回上一级路由 } else { // 没有上一级路由的处理逻辑 // 例如跳转到其他页面或显示提示信息 } } } } </script> ``` 在上述示例中，点击按钮时会调用 `goBack` 方法，据是否有上一级路由来执行相应的操作。如果有上一级路由，会返回上一级；否则，你可以在 `else` 分支中添加你自己的处理逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_42431718

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值