瑾冰

MUI 页面传值

电脑版发表于:2019/11/18 22:27

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

像这样的

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

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

  mui("body").on('tap','.test',function(){
                            
                 var id=this.getAttribute("id");
                            
                 var  username=this.getAttribute("name")
                 //打开想要传值的相应页面
                   mui.openWindow({
                        id: "article_dedetails",
                        url: "article_dedetails.html",  
                       extras: {  
                           //自定义扩展参数,可以用来处理页面间传值  
                           uid:id,
                           username:username  
                            }
                            });
                         }); 

                对应页面接收

        //B页面onload从服务器获取列表数据;
        window.onload = function(){
            //注意:若为ajax请求,则需将如下代码放在处理完ajax响应数据之后;
            mui.plusReady(function(){
                var self = plus.webview.currentWebview();//获取界面webview
                var uid = self.uid;
                var name = self.username;
           
                       var  vm;
                       mui.get('http://api/v1/s/'+name+'/'+uid,{category: 'news'},function(data){
                          vm=new Vue({
                             el:"#content",
                           data:{
                           articlelist: data.value
                                     },filters: {
                               //处理头像
                               parsehead: function(head) {
               
                               return head;
                                }
                             }
                          })
                             }, 'json');

                //关闭等待框
                plus.nativeUI.closeWaiting();
                //显示当前页面
                mui.currentWebview.show();
            });
        }

                


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢