MUI a标签返回上一页失效

最新推荐文章于 2024-08-07 10:07:56 发布
最新推荐文章于 2024-08-07 10:07:56 发布
阅读量3k 收藏 3
点赞数 5
分类专栏： MUI 文章标签： MUI a标签 上一页 无法返回
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36317441/article/details/80360959
版权

如下图所示，点击左上角的返回箭头时失效了，无法返回至上一页。


熟悉MUI的同学都知道MUI的header一般是这样写的，如下图所示。


那个左上角的箭头就是一个a标签，然后给它加了一个箭头的样式，并且点击之后就会返回到上一页，奇怪的是，我的其他页面也添加了这样的a标签，都能返回上一页，但是这个轨迹回放的a标签却无法返回上一页，很奇怪啊。

后来，百度了一下，发现在a标签里添加href="javascript:history.back(-1)"之后，就可以返回上一页了。如下图所示：


如果本文对您有所帮助，麻烦点击一下左侧的点赞按钮，谢谢


qq风轻云淡
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
鸿蒙HarmonyOS兼容JS的类Web开发-开发指导
特创数字
01-11 946
设置scale样式属性实现涟漪动画，先使用定位确定元素的位置，确定坐标后创建多个组件实现重合效果，再设置opacity属性改变组件不透明度实现组件隐藏与显示，同时设置scale值使组件可以一边放大一边隐藏，最后设置两个组件不同的动画执行时间，实现扩散的效果。通过设置x（x轴坐标）、y（y轴坐标）、dx（文本x轴偏移）、dy（文本y轴偏移）、fill（字体填充颜色）、stroke（文本边框颜色）、stroke-width（文本边框宽度）等属性实现文本的不同展示样式。
MUI前端框架，MUI返回上一页并刷新
pengmengyang的博客
03-21 2282
MUI前端框架，MUI返回上一页并刷新
mui 返回上一页并刷新父页面列表
longchenghui20的专栏
09-11 8353
mui.back(); var list = plus.webview.currentWebview().opener(); //触发父页面的自定义事件(refresh),从而进行刷新 mui.fire(list, 'refresh'); /返回true,继续页面关闭逻辑 return true; 父窗体执行自定义事件window.addEventListener('refresh', fu
HTML的a标签如何做返回顶部的功能
ggq53219的博客
06-13 564
在HTML中，<a>标签通常用于创建超链接。要实现返回顶部的功能，你可以使用<a>标签结合JavaScript的scrollTo()方法（尽管在大多数情况下，我们更常用或），或者利用CSS的:target选择器配合一个空的ID锚点。
mui 返回上一页
weixin_30312557的博客
06-24 978
最基础: 通过mui.back() 即可返回上一页,上一页为记录的上一页. PANTOOL-PLUGIN {display: inline;cursor: pointer;}PANTOOL-PLUGIN-TIPS {white-space: nowrap;}.PANTOOL-PLUGIN-VALIDATE-NOTPASS {text-decoration: line-through;color: ...
mui之返回上一页并刷新页面
yjITcsdn的博客
04-12 3188
1.在子页面加入以下代码： mui.init({ beforeback: function() { var list = plus.webview.currentWebview().opener(); //触发列表界面的自定义事件（refresh）,从而进行数据刷新 ...
mui返回上一页并刷新
肖肖肖丽珠的博客
12-07 5614
前提介绍：希望在b页面返回a页面时，希望a页面刷新。 1、通过mui.fire一个函数来连着两个页面。在a页面刷新。但是这种刷新会闪屏一下 在b页面写 mui.init({ beforeback:function(){ var target=plus.webview.getWebviewById(a.html); mui.fire(target
VUE项目里返回按钮的处理（各个分页有返回按钮，首页没有）
qq_42177730的博客
03-22 3867
VUE项目中 返回按钮 的处理， 各个分页有返回按钮，首页没有。 主要代码： <mt-header fixed title="黑马程序员·Vue项目"> <span slot="left" @click="goBack" v-show="flag"> <mt-button icon="back">返回</m...
ios 上h5点击无效_ios h5 点击事件失效及点击延迟
weixin_33842051的博客
12-23 1661
1.ios h5 app avalon tap事件失效使用MUI制作app界面,使用avalon.js渲染数据,发现在(Android上正常)ios上运行时容器div的avalon的ms-on-tap被内容遮住不执行.用MUI的on tap事件可以执行但改动较大,于是改为ms-on-click.(但是click事件有300ms延迟,解决方法在标题2处),搜索到以下解决方法:解决办法有 4 种可供选...
前端遇到的一些问题
希望我快乐
06-11 239
1. 按钮始终固定在底部 移动端经常会出现，一个表单里面，确定按钮固定在底部这样的布局，一般会让按钮absolute或者fixed，这样在ios上没有问题，但是在安卓手机上，当表单里面的input输入框获得焦点的时候，按钮会挡在表单上，影响美观。这个可以采用flex布局完美解决。 HTML代码 <div class="mui-content bg-white"> <div c...
综合一
刘群智的博客
07-27 4037
自我介绍 左固定右自适应布局 这是一个很常见的布局，当然也可以实现右侧自适应，左侧自适应。比如常见的网页中，左侧导航栏是固定的，右侧的内容区要自适应浏览器的大小。 现在我们来看下HTML布局： &lt;div id="outer"&gt;   &lt;div id="sidebar" style="height:240px;"&gt;固定宽度区&lt;/div&gt;   &lt;d
MUI返回上页面并自动刷新
gaoduicai的博客
12-31 976
mui返回上个页面并刷新数据 今天写项目遇到个问题，就是B页面支付操作完成以后，点击返回按钮要到A页面，此时A页面的余额需要刷新，无论是vue项目还是app项目好像并没有用到过这个东西。 好一阵的头大，用的mui框架，网上能找的方法几乎都试了，不知道原因所以无法解决。 最后终于弄清楚了原因。 B页面这样写： mui.init({ beforeback: function() {　　　　 ...
MUI 页面返回不清值，页面返回出现锁定button现象
WSSQYHW的博客
08-16 211
之前用 window.close(); window.location.reload(“outStock.html”);MUI 页面返回后不清值，页面返回出现锁定button现象现在在Ajax成功后改为 if (req.success == "1") { mui.alert("提交成功", "提示",function() { plus.webview.currentWebview().c...
1. MUI框架介绍
wxhua420701325的博客
05-07 351
HTML5+规范是一个开放规范​​​​​​​HTML5+新增了JavaScript对象plus使得js可以调用各种浏览器无法实现或实现不佳的设备能力简单来说就是HTML5+可以调用一些设备硬件上的API，如摄像头、陀螺仪、文件系统、通讯录等下载：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架uni-app多端开发,开发一次同时生成App、小程序、H5。
mui开发webapp(1)
12-14 101
mui开发注意事项 Mui HTML5开发框架 mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网。 DOM结构 关于mui页面的dom，你需要知道如下规则： 固定栏靠前 所谓的固定栏，也就是带有.mui-bar（类选择器）属性的节点，都是基于fixe...
MUI 开源项目教程
最新发布
gitblog_00808的博客
08-07 372
MUI 开源项目教程 mui最接近原生APP体验的高性能框架项目地址:https://gitcode.com/gh_mirrors/mu/mui 项目介绍 MUI 是一个基于 HTML5 的移动端框架，旨在提供快速、高效、灵活的开发体验。它结合了 Bootstrap 的简洁风格和 jQuery Mobile 的移动优化，使得开发者能够轻松构建跨平台的移动应用。MUI 的核心优势在于其轻量级的设计...
mui框架
热门推荐
肉嘟嘟的博客
10-16 1万+
1 MUI介绍 =======1.1 MUI是什么，解决了什么问题。（1）性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题，这些都让HTML5开发者倍感挫败，尤其拿到Android低端机运行，摔手机的心都有（如果开发者需要解决这些问题，需要处理很多兼容性问题，需要花费大把的时间和精力）；
【MUI】不知道怎么封装公共代码块?只会复制粘贴实现导航栏页面间跳转?手摸手教会你如何封装导航栏，提高开发效率之5+app
xiaoyu_studyweb的博客
10-14 237
导航栏是我们经常需要实现的功能，在传统的开发方式下，我们需要实现导航栏的相互跳转，则需要复制多个导航栏代码块到需要的页面，这样不仅影响代码的美观，其可阅读性 可维护性也是大大降低，同时也非常影响开发效率，从而导致写了那么久，还在复制导航栏....以下使用mui框架与5+API实现我这里准备好了三个文件openWindow是mui封装的一个页面间跳转的方法，配置项与解释需参照官方文档，这里不做解释。
mui返回上一页 html,mui返回上一页并刷新数据
weixin_35318343的博客
06-04 1103
作为小白，写这个是崩溃的，每一个单独都可以用，但是放到返回主页面就不行了，然后然后。。。就各自截取了一段，就好了/(ㄒoㄒ)/~~HTML代码片：//使用的是mui的返回个人中心方法一：这是mui给的返回并刷新的方法，放到我的代码不管用mui.init({beforeback: function(){//获得列表界面的webviewvar i = plus.webview.getWebviewBy...
限制mui左滑返回上一级
07-27
对于限制mui左滑返回上一级的问题，你可以尝试以下方法： 1. 使用`preventDefault`方法阻止默认的左滑返回行为。你可以在页面加载时或者需要限制左滑返回的页面上添加以下代码： ```javascript document.addEventListener('DOMContentLoaded', function() { document.addEventListener('touchmove', function(e) { if (e.touches.length > 1) { return; } var touch = e.touches[0]; var x = touch.clientX; var y = touch.clientY; if (x < 10) { e.preventDefault(); } }, { passive: false }); }); ``` 这段代码会监听`touchmove`事件，并且在触摸开始时判断触摸点的横坐标是否小于10（可根据实际情况调整）。如果小于10，就调用`e.preventDefault()`方法阻止默认的左滑返回行为。 2. 使用`mui.init`方法的`swipeBack`参数禁用左滑返回。你可以在页面加载时或者需要限制左滑返回的页面上添加以下代码： ```javascript mui.init({ swipeBack: false }); ``` 这段代码会禁用mui框架的左滑返回功能。 通过以上两种方法，你可以限制mui左滑返回上一级的行为。请注意，这只是一种常见的解决方案，具体实现可能会因项目需求而有所变化。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值