快应用页面切换调试打印数组对象传递参数传递ID信息

快应用页面切换,传递参数,传递ID信息

  archivesList(e){
    var id = e.currentTarget.attr.id //e.target.id
    //prompt.showToast({message:JSON.stringify(e.currentTarget.attr.id)})//调试打印输出数组或对象类型的变量
    //return 
    router.push ({
      uri: '/Archives',
      params: { id: id}
    })
  }

完整代码:

<import name='footer' src='../Common/footer'></import>
<template>
  <!-- template里只能有一个根节点 -->
<div class="index-demo-page">

<!-- banner start-->
<div class="index-banner">
  <image src="/Common/images/index-banner.jpg" class="banner-image"></image>
</div>
<!-- banner end-->










<div class="pos-index-moudle">


<block for="archives_type">

  <div onclick="archivesList" id="{{$item.id}}" style="justify-content: space-between; align-content: center; margin-bottom:30px;">
    <div style="width:20%; margin-right:35px;">
        <image src="/Common/images/{{$item.image_fengmian}}" ></image>
    </div>

    <div style="width:80%; border-bottom:1px solid #d9d9d9;justify-content: space-between; height:100px;padding-left:10px;">
      <div style="flex-direction: column;"><text style="font-weight:bold;">{{$item.typename}}</text><text style="color:#787878;margin-top:10px;font-size:26px;">{{$item.description}}</text></div>
      <div><text style="color:#787878;">{{$item.nums}} > </text></div>
    </div>
  </div>


</block>







</div>






	<!-- footer -->
	<div>
	    <footer></footer>
	</div>

  </div>
</template>

<script>
import router from '@system.router'
import prompt from '@system.prompt'
import fetch from '@system.fetch'

export default {
  // 页面级组件的数据模型,影响传入数据的覆盖机制:private内定义的属性不允许被覆盖
  private: {
    title: 'test',
    archives_type:{}
  },
  onInit () {
    this.getConfigData()
  },
  getConfigData(){
    var thisobj     = this
    fetch.fetch({
      url: 'http://ming.a.com/p/config/?route=Demo',
      data:{
        device:''
      },
      responseType: 'json',
      success: function (response) {    
        var returnData = response.data
        //prompt.showToast({message:'banner_index '+JSON.stringify(returnData.data)})
        if(!returnData)
        {
          prompt.showToast({message:'数据异常1'})
          return //end
        }
        if(returnData.code !='200')
        {
          prompt.showToast({message:'数据异常2'+returnData.msg})
          return //end  或其他判断操作,如跳转之类的
        }        

        if(returnData.data.pos_index_banner)
        {
          thisobj.banner = returnData.data.pos_index_banner
        }
        
        if(returnData.data.archives_type)
        {
          thisobj.archives_type = returnData.data.archives_type
        }
        if(returnData.data.archives_type)
        {
          thisobj.is_new_user = returnData.data.is_new_user
          if(thisobj.is_new_user =="1")
          {
            thisobj.routeUrl('/Yingsi')
          }
        }
        
      },
      fail: function (data, code) {
        prompt.showToast(`getPayInfoData fail, errMsg = ${data}`)
        prompt.showToast(`getPayInfoData fail, errCode = ${code}`)
      }
    })

  },
  routeDetail () {
    // 跳转到应用内的某个页面,router用法详见:文档->接口->页面路由
    router.push ({
      uri: '/DemoDetail'
    })
  },
  routeUrl(url) {
    // prompt.showToast({message:url})
    // 跳转到应用内的某个页面,router用法详见:文档->接口->页面路由
    router.push ({
      uri: url
    })
  },
  archivesList(e){
    var id = e.currentTarget.attr.id //e.target.id
    //prompt.showToast({message:JSON.stringify(e.currentTarget.attr.id)})//调试打印输出数组或对象类型的变量
    //return 
    router.push ({
      uri: '/Archives',
      params: { id: id}
    })
  }
}
</script>


<style>
  @import '../Common/css.css';
</style>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值