- 博客(12)
- 收藏
- 关注
RSS订阅原创 uniapp开发H5,在UC游览器上不能依次返回上一个页面
问题描述：H5在UC浏览器上(用手机才能看出效果)不能依次回退上一个页面,我初始页跳到第二层然后跳到第三层点击返回直接回退到初始页。使用框架原生的头顶导航栏和自定义顶部导航栏（原生的跳转方式或引入uni-simple-router）都会有此问题。初始页跳转关闭之前页面后面存在就是点返回没效果。感觉应该是UC浏览器的问题，不会使用你的页面栈,也不会存储。百度了很久发现几个也遇到类似的问题，但是都没解决，下面两篇文章1.H5在UC浏览器上,使用浏览器回退和物理按键后退,使用window.history.
2022-05-17 18:03:44
903
原创 uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回
近期开发H5遇到在刷新浏览器时,左上方返回按钮没有用了,是因为刷新游览器导致页面栈消失了，经过百度和交流群咨询得到了解决方案，记录一下。1.pages.json（需要自定义顶部导航栏） { "path": "pages/index/index", "style": { "navigationStyle": "custom" } }2.创建导航栏组件（我的项目引入了uview-ui,直接进入u-navbar位置去修改） /*主要是以下这几行代码，自定义组件左侧返回按钮事件*.
2022-05-17 17:12:05
2169
原创 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
3780
转载 es6的一些小技巧
一、非空的判断（空值合并运算符）if((value??'') !== ''){ //...}//像我们平常使用的是这样，但是这样会把0也过滤掉//if(!value){// //...//}二、数据合并（扩展运算符）1.数组合并以及去重const a = [1,2,3];const b = [1,5,6];const c = [...new Set([...a,...b])];//[1,2,3,5,6]2.对象合并const obj1 = { a:1,}const
2022-03-02 15:06:23
281
1
原创 script setup(基本用法)
script setup是 Vue3 的一个新语法糖，相比于普通的语法，简化了组合式API必须return的写法，拥有更好的运行时性能。组件自动注册<script lang="ts" setup> import assembly from '../components/HelloWorld'</script><template> <div> <assembly /> </div></temp.
2022-02-24 15:08:06
15172
2
原创 vue中内嵌iframe页面并进行传值
需求是把两个单独的系统在一个总的系统作为菜单进行免密登录，由于时间还有跨域和不同的token等问题，就使用了内嵌iframe，因为是不同的域名进入子系统也要本地存储一下（获取的user信息以及token传入到iframe子系统）<template> <div class="hello"> <div> <iframe src="http://xxxxxxxxxxxxxx" frameborder="0" id="myIframe" re.
2022-02-16 16:03:09
2813
原创 vue的nextTick的使用以及应用场景
首先Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后，在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。所以就有了nextTick()，是将回调函数延迟在下一次dom更新数据后调用,即当数据更新了在DOM中渲染后自动执行该函数，简单点说就算数据更新了，在dom中渲染后，自动执行该函数。应用场景以及使用1.在vue.
2022-02-10 17:45:38
3716
原创 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
4249
3
原创 解决JS计算浮点数加减乘除精确数值的问题（bignumber.js）
在做商品购物车遇到金额计算浮点数的问题网上处理的方法都是封装相应的函数我这里要推荐的是类似于java BigDecimal 的js第三方库bignumber.js安装 npm install bignumber.js引用(vue项目里的main.js)//这里的是vue3的版本 import { createApp } from 'vue' import App from './App.vue' import BigNumber from 'bignumber.js' //c
2022-02-08 15:22:02
2212
原创 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
1507
原创 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
3583
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人