快应用页面切换,传递参数,传递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>