目录
01 小程序跳转的两种方式
组件标签静态跳转
js代码的动态跳转
动态跳转:
wx.navigateTo() 把当前页面存储为历史记录然后跳转
wx.redirectTo() 把当前页面销毁跳转目标 没有历史记录
wx.switchTab() 只能跳转到tabBar对象的页面 并且关闭所有非tabBar页面
wx.reLaunch() 关闭所有页面 跳转到目标页面
tabBar和非tabBar页面都可以跳转
02 父子组件传参
创建自定义组件的步骤:
1.在项目根目录创建components文件夹 用来存放所有的自定义组件
2. 先创建组件文件夹 利用开发工具右键 新建component
3.输入组件名回车 自动创建组件相关的四个文件
4.组件的js最外层不是Page函数 而是Component函数
内部的生命周期 跟页面组件是一样的 onLoad onShow onReady onHide onUnLoad
5.组件的数据放到data里面 事件函数 放到methods里面
6.在哪一个页面想要渲染改子组件 那么就在json文件里面引入
"usingComponents": {
"组件标签名":"组件路径关联到组件对应的文件夹下面的组件名称"
}
7.就可以在当前页面的wxml通过标签名 渲染自定义组件了
父子组件给子组件传参:
1.在父组件的wxml中 找到子组件标签
2.在子组件标签上面自定义属性名="{{传递过去的值}}"
3.在子组件的js的properties里面 注册父组件传递过来的属性名
4.值是传递变量的类型名大写
5.properties里面的变量只读 通过 this.properties.变量名获取
子组件给父组件传参:
子组件在事件驱动函数中通过this.triggerEvent("自定义事件名","要传递的数据")
父组件找到子组件标签写一个事件,事件名称是子组件传递的自定义事件名,
等于一个事件驱动函数,在事件驱动函数中通过事件对象.detail就可以
获取到子组件传递的数据了。