日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

微信小程序----------父組件調用子組件的方法

作者:qq_40004755 更新時間: 2022-02-18 編程語言

如題我們需要實現功能是父組件調用子組件的方法

<mine id="mine" bind:mineJumps="mineJump"></mine>
var mine =  this.selectComponent('#mine')
console.log(mine)

獲取到的實例就是下面的樣子

在這里插入圖片描述

看到serData了,這就能實現“父組件”改變“子組件Data的值” 然后我們標題說的是父組件調用子組件的方法,繼續往下看

在這里插入圖片描述

這里官方文檔說可以自定義返回的數據,這里我們做了一個操作,我們不返回數據,直接返回子組件的方法,那不就實現了,父組件調用子組件方法的操作了么,下面試一下。

  // 自定義返回給父組件的內容,我這里返回了個自定義的onshow事件過去
  behaviors: ['wx://component-export'],
  export () {
    return this.zdyShow()
  },

我們看一下這個方法

  methods: {
    zdyShow() {
      console.log("起飛")
    }
  }

然后執行一下

在這里插入圖片描述

還可以這樣子操作 this.selectComponent(’#order’).zdyShow()
這樣子就是直接執行了子組件里面的方法。

就是這樣子,然后就可以在zdyShow()這個事件中做業務邏輯,就實現了,父組件去調用子組件的方法操作,第一次分享自己業務上遇到的坑,有更好的方法請留言給我,謝謝大家。

原文鏈接:https://blog.csdn.net/qq_40004755/article/details/107769350

相關推薦

欄目分類
最近更新