开发者社区彭世瑜的博客文章正文

微信小程序：页面调用组件内方法

2022-09-14 1610

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 微信小程序：页面调用组件内方法

组件 custom-component

Component({
  methods: {
    sayHello() {
      console.log('hello');
    },
  },
});

页面调用组件方法

<custom-component id="custom-component"></custom-component>

// 获取组件实例对象，并调用子组件方法
this.selectComponent('#custom-component').sayHello();

文章标签：

小程序

关键词：

微信小程序页面

微信页面

微信组件

微信小程序组件

微信小程序方法

码农技术君

探索云世界动手实践

12月前

缓存小程序 API

微信小程序页面导航与路由：实现多页面跳转与数据传递

本文深入探讨微信小程序的页面导航与路由机制，介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等，并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递，帮助开发者掌握这一重要技能。

探索云世界动手实践

1250 0 0

chnjames

小程序数据可视化 JavaScript

微信小程序：轻松实现时间轴组件

本文介绍了如何在微信小程序中实现一个可视化时间轴组件。该组件适用于展示用户资金流动、投资结算等时间节点，帮助用户直观了解资金去向。时间轴支持自定义节点形状、显示序号、倒序排列等功能，并通过插槽灵活定义动态内容。文中详细介绍了组件的设计与使用方法，以及如何结合动态 slot 实现自定义操作。该组件为展示用户资金信息提供了美观、易用的解决方案。

chnjames

744 1 1