tnblog
首页
视频
资源
登录

MUI 页面传值

4959人阅读 2019/11/18 22:27 总访问:115077 评论:4 收藏:0 手机
分类: MUI

根据想要传的值来传到对应的页面去

像这样的

  1.  <div class=" am-list-main">
  2.      <h3 class="am-list-item-hd pet_list_one_bt" >
  3.                 <a  v-bind:id="item.id" v-bind:name="item.userName"  class="test"> {{item.title}}</a>
  4.      </h3>
  5.         <div class="am-list-item-text pet_list_two_text">{{item.sContent}}</div>
  6. </div>

之后根据所在的层次来找到传值的位置

  1.   mui("body").on('tap','.test',function(){
  2.                             
  3.                  var id=this.getAttribute("id");
  4.                             
  5.                  var  username=this.getAttribute("name")
  6.                  //打开想要传值的相应页面
  7.                    mui.openWindow({
  8.                         id"article_dedetails",
  9.                         url"article_dedetails.html",  
  10.                        extras: {  
  11.                            //自定义扩展参数,可以用来处理页面间传值  
  12.                            uid:id,
  13.                            username:username  
  14.                             }
  15.                             });
  16.                          }); 
  17.                 对应页面接收
  18.         //B页面onload从服务器获取列表数据;
  19.         window.onload = function(){
  20.             //注意:若为ajax请求,则需将如下代码放在处理完ajax响应数据之后;
  21.             mui.plusReady(function(){
  22.                 var self = plus.webview.currentWebview();//获取界面webview
  23.                 var uid = self.uid;
  24.                 var name = self.username;
  25.            
  26.                        var  vm;
  27.                        mui.get('http://api/v1/s/'+name+'/'+uid,{category'news'},function(data){
  28.                           vm=new Vue({
  29.                              el:"#content",
  30.                            data:{
  31.                            articlelist: data.value
  32.                                      },filters: {
  33.                                //处理头像
  34.                                parsehead: function(head{
  35.                
  36.                                return head;
  37.                                 }
  38.                              }
  39.                           })
  40.                              }, 'json');
  41.                 //关闭等待框
  42.                 plus.nativeUI.closeWaiting();
  43.                 //显示当前页面
  44.                 mui.currentWebview.show();
  45.             });
  46.         }

                


评价

剑轩

2019/11/19 9:59:57

可以,在写文章的时候,有需要写代码的地方,可以选择编辑器上的代码语言,这样文章能够更美观一些。

瑾冰:@剑轩好的😊

2019/11/19 10:26:01 回复

是伍尚金哇_v

2019/11/19 12:20:06

翻了半天不到底[泪]

瑾冰:@是伍尚金哇_v我去改一下😉

2019/11/19 14:31:18 回复

MUI学习一 :hbuilderx常用快捷键

Dg:document.getElementById(&quot;&quot;)Dq:document.querySelectorAll(&quot;&quot;)Clog: console.log();

MUI学习二: 调试状态看console.log等

看console.log上面点击一下即可也可以在浏览器上看把连接复制上去即可这样就可以了

MUI学习三: MUI事件

点击事件在浏览器上不行的问题mui的tag事件在浏览器上调试是不行的,要使用模拟器或者真机调试才行当然click事件还是可以执...

MUI中的的意思

其实就是mui的别名而已//代码开始(function($, doc) { $.init();})(mui, document);//代码结束上面的$是mui的别名

MUI轮播图与显示小圆点

html:&lt;divclass=&quot;mui-slider&quot;&gt; &lt;divclass=&quot;mui-slider-groupmui-slider-loop&quot;&gt; &lt;...

MUI框架-移动端跳转以及传值的简单方法(修改解决方法)

纠结了两天的MUI跳转的问题,终于解决了 ,现在分享给大家,希望大家有什么坑的解决也给我分享分享 哈哈,废话不多说,上代...

MUI页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

MUI与vue.js结合实现上拉加载

我们在使用mui与vue.js结合起来的时候会导致上拉加载失败,是因为vue.js生成的时候影响了demo节点,我们只要先用vue初始化...

MUI上拉加载的坑

首先是和vue.js结合起来用容易出现的坑:http://www.tnblog.net/aojiancc/article/details/2838要注意html结构:这两个样式...

MUI 点击上拉加载

首先在想获取加载下一页数据时的div外设置一个想要加载的div如:&lt;divclass=&quot;mui-content-padded&quot;style=&quot;...

MUI页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

MUI-app之评论

//显示数据的布局页面 //因为涉及到评论人和回复人所以要绑定两次数据具体如下 &lt;divid=&quot;comment&quot;v-for=&quo...

MUI框架页面间的传值指针

把时髦的技术挂在嘴边,不如把过时的技术记在心里。 今天我们说的是关于MUI,一个封装了Html5+的框架间页面传值问题一,在h...

MUI 关于点击事件失效的一些原因

有时候我们总会遗忘一些小细节,老是怨天怨电脑,这不行那不行的,凡是都是要细心,成功还是得看细节。所以说,以后我们敲...

MUI地址栏传值的方法

地址栏传值与接收值摘要:也是种传值的方式第一步 :输入你要传值的内容location.href=&quot;main.html?Username=&quot;+$...
希望你懂得很多之后,依旧热爱生活
排名
31
文章
25
粉丝
11
评论
6
MUI 页面传值
是伍尚金哇 : 翻了半天不到底
MUI 页面传值
剑轩 : 可以,在写文章的时候,有需要写代码的地方,可以选择编辑器上的...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
就像那句狠话:有一天,我一定会后悔的。