js-小程序入门-语法(三)

最新推荐文章于 2024-08-06 13:43:08 发布

zuochunsheng

最新推荐文章于 2024-08-06 13:43:08 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： js route

本文链接：https://blog.csdn.net/zuochunsheng/article/details/103243307

版权

本文介绍了微信小程序中JS的基本用法，包括事件处理（bindtap、catchtap）、样式（rpx单位，全局与局部样式）、网络请求（wx.request）、资源管理（icon、progress、rich-text、text）、表单组件（button）以及路由操作（wx.navigateTo、wx.redirectTo、wx.navigateBack、wx.switchTab、wx.reLaunch）。同时，详细讲解了路由中如何传递参数及获取，并提及地图组件map的应用。

摘要由CSDN通过智能技术生成

一事件

1 bindtap 绑定点击事件


 <block wx:for="{
  {useData}}" wx:key="key">
    <view bindtap="tapMessage" data-newsId="{
  {item.newsid}}" data-author-Name="{
  {item.authorName}}"  id="{
  {item.newsid}}">
      <image src='{
  {item.show? item.src : loadIcon}}' class='{
  {item.show? "active" : ""}}'></image>
      <template is="newsTemplate" data="{
  {...item}}"/>
    </view>
  </block>

tapMessage: function(event){
    console.log(event);
    //var newsId = event.target.dataset.newsid;
    var newsId = event.currentTarget.dataset.newsid; //data-newsId ->newsId 转小写
    var authorName = event.currentTarget.dataset.authorName; //data-author-Name ->author-Name ->authorName