微信小程序-父组件如何调用子组件方法【每天少掉一根头发系列】

这篇博客主要介绍下，如何在引用了组件的页面调用组件中的方法，顾名思义就是父组件调用子组件中的方法，等你白嫖哦！(ps：father:父组件，son：子组件)

//father.wxml

//在引入组件处，标记一个id；
<show-table id="drop" bind:selectedItem='selectedItem'></show-table>

//father.js

 onHide: function () {
    //写在onHide()中，切换页面或者切换底部菜单栏时关闭定时器。
    var that  = this; 
    that.selectComponent("#drop").clear(); //调用组件中的clear方法
  },

注意：

 在父页面(father.wxml)使用组件的同时，一定要设置id（drop），然后在father.js中，设定this.selectComponent (“#drop”) 时，其id是父页面(father.wxml)中调用组件定义的那个id，目的是根据其ID获取组件对象；

//son.js 

methods: {
//子组件：clear方法
  clear:function(){
      this.setData({
        selected_style_id: '',
        selected_style_name: '',
      })
    },
}

 这样就可以了，通过父页面调用组件中的方法

---

往期回顾：

【1】view中放纯数字或字母会不会自动换行？

【2】图片怎么保存本地？

【3】scroll-view实现横纵滚动轴？

---

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ

❤如果喜欢大白兔分享的文章，就给大白兔点个关注吧！(๑′ᴗ‵๑)づ╭❤～

❤对文章有任何问题欢迎小伙伴们下方留言或者入群探讨【群号：708072830】

❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论（请勿发表攻击言论）。