微信小程序 => 页面之间信息参数的传递（options）

WXML与JS交互实例

最新推荐文章于 2025-06-17 11:25:59 发布

转载最新推荐文章于 2025-06-17 11:25:59 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5a3200e251882540f3638fdb

文章标签：

#数据库

本文展示了一个使用WXML和JS进行页面元素绑定与点击事件处理的简单示例。通过wxml页面上的view元素绑定tap事件，并在js中定义响应函数来处理事件，实现了点击后跳转到详情页的功能。

wxml页面

<view bindtap='itemClick' data-detail-cmsId='{{item.cmsId}}' id='{{index}}'>
</view>
复制代码

js页面

onLoad:function(opt){
this.option = opt
}

itemClick : function(e){
  console.log('---------',e）
var detailCmsId = e.currentTarget.dataset.detailCmsid // 获取列表里每个内容相对的 id
let url = '../cmsDetail/cmsDetail?id='+detailCmsId;
this.option.mediaSource && (url += '&mediaSource='+this.option.mediaSource)  // url拼接
util.navigateTo({
 url:url
})
}
复制代码

写代码只是为了好玩