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

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 編程語言 正文

微信小程序----------父組件調(diào)用子組件的方法

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

如題我們需要實(shí)現(xiàn)功能是父組件調(diào)用子組件的方法

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

獲取到的實(shí)例就是下面的樣子

在這里插入圖片描述

看到serData了,這就能實(shí)現(xiàn)“父組件”改變“子組件Data的值” 然后我們標(biāo)題說的是父組件調(diào)用子組件的方法,繼續(xù)往下看

在這里插入圖片描述

這里官方文檔說可以自定義返回的數(shù)據(jù),這里我們做了一個操作,我們不返回?cái)?shù)據(jù),直接返回子組件的方法,那不就實(shí)現(xiàn)了,父組件調(diào)用子組件方法的操作了么,下面試一下。

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

我們看一下這個方法

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

然后執(zhí)行一下

在這里插入圖片描述

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

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

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

欄目分類
最近更新