最近搜索
关于 小程序 的组件 的使用方法 。
管理员
2024-02-03 16:42
组件向父组件 调用 方法 并且 传送参数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <w-logins wx:if="{{show_login}}" state="3" bind:user_login_success="user_login_success" bind:login_win_close="login_win_close" /> close_login_model() { //向父组件 发送关闭窗口事件。 var obj= {}; obj.id=34; obj.name="234"; this.triggerEvent('login_win_close', obj, {}) }, 父组件调用的方法 login_win_close(e){ console.log(e); 这里通过e.detail.id e.detail.name 可以获取。 }, |
组件接受参数。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | /** * 组件的属性列表 */ properties: { state: { type: Number, value: 0 } }, /** * 组件的属性列表 */ properties: { nav_list: { type: Array, value: [] } , nav_head: { type: Object, value: {} } },type还有一个String |
组件的生命周期
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | Component({ lifetimes: { attached: function() { // 在组件实例进入页面节点树时执行 console.log("在组件实例进入页面节点树时执行") }, detached: function() { // 在组件实例被从页面节点树移除时执行 console.log("在组件实例被从页面节点树移除时执行") }, }, /** * 组件的属性列表 */ properties: { nav_list: { type: Array, value: [] } , nav_head: { type: Object, value: {} } }, |
组件也可以调用 我们写的api 也可以使用wx_login
联系站长
站长微信:xiaomao0055
站长QQ:14496453
按分类分组
按日期分组