首页 > 其他分享 >uniapp 404页面

uniapp 404页面

时间:2023-11-11 13:45:58浏览次数:27  
标签:function uniapp onPageNotFound 404 跳转 页面

需求:uniapp 在写 H5 时,如果在地址栏乱输入,会跳转到 404 页面。

思路:uniapp 有个 应用生命周期 onPageNotFound,让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了!

具体操作:

第一步:写一个 404 页面,并在 pages.json 中配置其路由。

第二步:在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面的逻辑:

onLaunch: function() {
            console.log('App Launch')
            // uni.hideTabBar();
            // #ifdef APP-PLUS
                
            // #endif
        },
        onPageNotFound() {
            uni.switchTab({
                url: '/pages/tabBar/home/home'
            })
        },
        onShow: function() {
            
        },

 

标签:function,uniapp,onPageNotFound,404,跳转,页面
From: https://www.cnblogs.com/haonanZhang/p/17825837.html

相关文章

  • js执行的比dom渲染快很多,执行完一定的js才在页面渲染一次dom,UI渲染是宏任务
    假设HTML有一个按钮id为btn,经过以下操作最终会变成什么颜色?document.getElementById('btn').style='background:blue';document.getElementById('btn').style='background:red';Promise.resolve().then(()=>{document.getElementById('......
  • playwright页面元素操作
    一、fill()输入page.locator('#username').fill('输入内容')  #先定位在输入page.get_by_label("用户名").fill('输入内容')  #先定位在输入page.fill('#username','test') #直接调用fill这里需要注意,第1,3两种定位方式只可以使用以下四种定位方式1.css选择器:......
  • 2023-2024 20231404高伟光《计算机基础与程序设计》第七周学习总结
    作业信息作业班级23级14班作业要求第七周要求作业目标自主学习计算机概论第八章,学习c语言第六章作业正文此博客教材内容总结计算机概论:应用层涉及了数据结构,本章介绍了栈(先进后出),队列(先进先出),列表(线性,无线),树,二叉树(每个节点只有一个父母节点,两个子节点),二......
  • 文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面
    代码示例:#HTML部分<formaction=""><divclass="form-group"><labelfor="id_file">用户头像{%loadstatic%}<imgsrc="{%static'img/default.png'......
  • 当用户打开一个网页时,想一直停留在当前打开的页面,禁止页面前进和后退,以下正确的是
    Awindow.history.forward(1);Bwindow.history.back(1);Cwindow.history.go(-1);Dwindow.history.forward(-1);正确答案:AD现在已经打开了一个新的网站,这个网站可以后退,不可以前进(因为不是通过后退打开的)。在这样的情况下,执行ABCD四个选项,当执行A或D的时候,由于网站是新打......
  • 获取当前页面URL信息
    1,设置或获取对象指定的文件名或路径。window.location.pathname结果:/admin/index/index.html2,设置或获取整个URL为字符串。window.location.href结果:http://192.168.1.11/admin/index/news_edit.html?id=4,33,设置或获取与URL关联的端口号码。window.location......
  • js帮我实现单页面跳转到指定页面的技术!
    网站的根目录下的HTML文件中(通常是 index.html 或 index.php)使用 window.location 对象。以下是一个简单的HTML页面示例,它包含了JavaScript代码,用于执行这样的重定向:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compa......
  • 设置Thymeleaf页面复选框显示勾选效果
    Springboot版本<parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.14</version><relativePath/></parent>......
  • ts + axios token无感刷新,及重新请求后页面不刷新问题
    最近上班遇到的新需求,token无感刷新,参考了很多博客,也看了渡一老师的视频,功能是实现了,但是发现重新请求后页面数据没有更新遇到相同问题的先理清代码执行顺序和Promise,看看执行结果有没有resolve()出去。话不多说,直接上代码,因为自己封装的请求和大家的不一样,仅供参考无感刷新token......
  • 在vue中页面跳转有几种方法?
    在Vue中,有几种方法可以实现页面跳转。以下是常用的几种方法:使用<router-link>组件:如果你使用了VueRouter来进行路由管理,可以使用<router-link>组件来创建带有路由的链接。例如:<router-linkto="/about">About</router-link>使用编程式导航:VueRouter还提供了编程式导航的......