微信小程序跳转怎么传值和取值?
小程序
2019-04-08 09:30:36
微信小程序是时下很火热的一款小程序,新鲜的东西我们总会不可避免的要去接触。任何网站的开发都会涉及到传值和取值的问题,那么在微信小程序中是如何进行传值和取值的呢?
简单的来说就是在wxml中定义需要取得值,再在js中通过e.currentTarget进行获取,获取后就可以通过小程序提供currentTarget来获取!
wxml中具体实现代码:
<block wx:for="{{list_data}}" wx:key="index">
<view class='base_list' bindtap="clicknav" id="{{item.id}}">
<image class='base_listLeft' src='{{item.image}}' mode='widthFix'></image>
<view class='base_listBox'>
<text class='base_listBox_Title'>{{item.title}}</text>
<view class='base_listBox_look'>
<image src='/image/eye.png'></image>
<text>{{item.look}}</text>
<image src='/image/good.png'></image>
<text>{{item.like}}</text>
</view>
</view>
</view>
</block>
js中的代码:
clicknav:function(e){
console.log(e.currentTarget.id)
wx.navigateTo({
url: '/pages/detail/index'
})
}
从上方代码中可以看出,我们在wxml最外层加了个点击事件clicknav,在最外层上定义了需要获取的值id,在对应js方法中通过currentTarget来获取id的具体值。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
1795人已阅读