![](https://img-blog.csdnimg.cn/474d9cb2242f40a293bc7e184f1d3ceb.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
使用uniapp在日常开发中总结一些小需求
诺贝尔颜值奖
这个作者很懒,什么都没留下…
展开
-
uniapp开发H5,在UC游览器上不能依次返回上一个页面
问题描述:H5在UC浏览器上(用手机才能看出效果)不能依次回退上一个页面,我初始页跳到第二层然后跳到第三层点击返回直接回退到初始页。使用框架原生的头顶导航栏和自定义顶部导航栏(原生的跳转方式或引入uni-simple-router)都会有此问题。初始页跳转关闭之前页面后面存在就是点返回没效果。感觉应该是UC浏览器的问题,不会使用你的页面栈,也不会存储。百度了很久发现几个也遇到类似的问题,但是都没解决,下面两篇文章1.H5在UC浏览器上,使用浏览器回退和物理按键后退,使用window.history.原创 2022-05-17 18:03:44 · 1027 阅读 · 0 评论 -
uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回
近期开发H5遇到在刷新浏览器时,左上方返回按钮没有用了,是因为刷新游览器导致页面栈消失了,经过百度和交流群咨询得到了解决方案,记录一下。1.pages.json(需要自定义顶部导航栏) { "path": "pages/index/index", "style": { "navigationStyle": "custom" } }2.创建导航栏组件(我的项目引入了uview-ui,直接进入u-navbar位置去修改) /*主要是以下这几行代码,自定义组件左侧返回按钮事件*.原创 2022-05-17 17:12:05 · 2236 阅读 · 0 评论 -
uniapp全局分享以及指定页面分享禁用的设置
1、创建share.js文件module.exports = { onLoad() { // 设置默认的转发参数 share:{ title: '', // 默认为小程序名称 path: '', // 默认为当前页面路径 imageUrl: '' // 默认为当前页面的截图 } //白名单 const urlList=[ 'pages/life/index', 'takeoutPackageA/pages/takeOut/shopping/shop原创 2022-03-04 14:37:58 · 4149 阅读 · 0 评论 -
uniapp实现tabbar页面跳转前进行拦截
遇到的需求:进入小程序wxlogin请求成功后请求另外一个接口会获取一个字段值,根据这个值判断能否跳转到第二个tabaar页面并给出相应的提示.使用uni.addInterceptoruni.addInterceptor 一般是用于拦截api的方法具体 https://uniapp.dcloud.io/api/interceptor?id=addinterceptor跳转拦截创建intercept.js//拦截器 拦截judge值等于空的时候 想要跳转到白名单内的路径时,不能跳转并给出提示原创 2022-02-09 10:38:06 · 4513 阅读 · 3 评论 -
uni-app 滑动到最右边或者触底分页加载数据
HTML<scroll-view class="todaysDeal-scroll" :scroll-x="true" enable-flex="true" @scrolltolower="scorllClick"> <view class="todaysDeal-list" v-for="(item,index) in todaysDeal" :key='index'></view></scroll-view>JSdata() { retu原创 2021-12-24 14:51:13 · 1578 阅读 · 0 评论 -
uniapp滑动到一定的高度后固定某个元素到顶部,更改样式(应该是非常详细的了吧)
HTML class="topnavAbsolute" :class="hightTop ==1?'topnavFixed':''" //如果顶部是自定义的 :style="{top:navHeight+'px'}"JSonPageScroll: function(e) { //监听页面滚动 let that = this //判断你滑动的高度大于你元素距离顶部的高度值 if (that.navHeight + that.wmssjH < e.scr原创 2021-12-22 15:40:28 · 3745 阅读 · 0 评论