微信小程序学习笔记

【跳转】文档 > API > 界面 > 导航

wx.navigateTo(OBJECT)

保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。

事件传参  标签中加入   data-自定义参数名=参数值

参数获取 事件函数中

  //自定义：点击录播图图片事件
  bannerDetailTap: function(event){
    var catId = event.currentTarget.dataset.cat_id  //currentTarget 事件捕获的组件
    var catId = event.target.dataset.cat_id         //target 当前点击的组件
    console.log(catId);

    wx.navigateTo({
      url: '/pages/products/products?cat_id='+catId,
    })
  }

wx.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。

navigator    //html 中的 a 标签   位置 ： 文档 > 组件 > 导航

navigator 标签传参 url属性中以传统url传参模式（？）进行参数传递。

跳转页面接受参数

  /**
   * 生命周期函数--监听页面加载
   * 参数 cat_id
   */
  onLoad: function (options) {
    console.log(options.cat_id);
  }

---

【事件】文档 > 视图层 > WXML  >  时间

例：点击事件 tap    标签添加 bindTap="tapName"    js文件  tapName: function(e){...}  

　　传参 data-postid(-后自定义)    js文件获取 var id = e.currentTarget.dataset.postid;

---

【template】

创建： <template name="templateName">...</template>

wxml文件 引用：  <import src=" " />     使用：<template  is="templateName" data="{{...item}}"  />  #...平铺数据  

wcss文件 引用：@import  " ";

---