mui页面传值--亲测有用

两个页面，一个列表页面list.html，一个详情页detail.html.

列表页面有很多个li，都是从后台渲染而来的，每一个li有属于他自己的id

<template v-for="item in items">

    <li :data_id="item.id">

        //li里面有标题，时间之类的数据

        <p>{{item.name}}</p>//标题

        .....

    </li>

</template>

详情页：标题，时间之类的，

<template v-for="item in items">

        //里面有标题，时间之类的数据

        <p>{{item.name}}</p>//标题

        .....

</template>

我希望从每一个li点进详情页，详情页的标题之类的数据是和li一致的

so要获取到每一个li的id

在list.html写跳转：

mui("body").on("tap","li的id名或者class名",function(){
     var news_id = this.getAttribute('data_id');//获取id值
      mui.openWindow({
          url:"detail.html",//跳转的页面
            id:"detail.html",
            extras:{
    newsId:news_id,//自定义newsId,处理页面传值
    },
      styles:{//这个和页面传值没关系
      popGesture:'close'
      }
      })
  })

在detail.html页面来接收newsId:

mui.plusReady(function() {
       var self = plus.webview.currentWebview();
       newsId=self.newsId;//获取当前页面所属的id
       alert(newsId);//得到对应的id,在这里你可以看你点不同的li弹出的id是否相同
       vm.getPro(newsId);//调用方法

   })

//写在methods里面的方法

getPro:function(id){
            var url="接口名&id="+id;//根据id来替换详情页的标题之类的数据
            this.$http.get(url,{id:id}).then(function(res){
              this.pros=res.body.result;//得到所有的详情数据
            },function(error){
              alert("发生错误");
            })

      },

差不多就是这样了，要运行检测的时候最好是真机运行，因为浏览器运行会没效果