微信小程序（页面获取组件实例对象来操做组件）

2b勿扰

于 2019-12-23 12:13:06 发布

阅读量2.5w

点赞数 2

分类专栏：小程序

本文链接：https://blog.csdn.net/weixin_41181778/article/details/103663213

版权

小程序专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何在微信小程序中通过页面实例获取并操作组件实例对象，包括设置数据、监听事件等关键步骤，助力开发者更高效地进行小程序开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--index.wxml-->
<view class="container">
  <button bindtap="count">计数</button>
  <my-count id="count"></my-count>
</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    title:"这是页面传的数据",
    cates:['推荐','热门','时尚','娱乐']
  },
  onLoad: function () {
    
  },
  search:function(e){
    console.log(e.detail.searchText);
  },
  itemClick: function(e){
    console.log(e.detail);
  },
  count:function(){
    // console.log(this.selectComponent('#count'))
    this.selectComponent('#count').increase(10);
    console.log(this.selectComponent('#count').data.counter)
  }
})