微信小程序 跳转方式 父子组件传参

目录

01 小程序跳转的两种方式

02 父子组件传参

---

 

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就可以

                获取到子组件传递的数据了。