uni app 子元件如何呼叫父元件的方法

2022-08-01 03:36:16 字數 1096 閱讀 2928

1.在父元件methods中定義乙個方法:

changetype:function

(type)

2.在父元件引用子元件時繫結該方法:

<

cate-top

:catelist

="catelist"

v-on:pchangetype

="changetype"

>

cate-top

>

3.在子元件中繫結點選事件:

<

template

name

="cate-top"

>

<

view

class

="activity-cover"

>

<

view

class

="up-mode"

>

<

view

class

="li"

v-for

="(item,index) in types"

:key

="index"

@tap

="changetype(item.cate)"

>

<

text

>}

text

>

view

>

view

>

view

>

template

>

點選事件為 

@tap="changetype(item.cate)"

4.在子元件 methods 中點選事件中,使用 $emit 呼叫父元件的changetype()方法:

changetype:function

(type),

傳引數:

changetype:function

(type),

子元件中第乙個引數是父元件中呼叫子元件並傳遞方法需要繫結的方法名,第二個引數是需要傳遞的引數。

React Native父元件呼叫子元件

用元件化寫的 import react,from react import from react native import greeting1 from greeting.js class greeting extends component console.log foo console.war...

flutter父元件呼叫子元件

子元件呼叫父元件就用官方的各種callback就行 而父元件呼叫子元件除了eventbus 的通知 eventbus 應用場景適合元件太多 父子資訊互動過於繁瑣的時候 還可以 用globalkey 父元件 inkwell ontap child test key childkey,子元件 impor...

父元件呼叫子元件 viewChild

父元件呼叫子元件 1.在子元件 的ts中宣告乙個變數 public lineout any 你好,我是被父元件呼叫的子元件 2.在父元件的html中寫入 引入子元件 parentsclick 父元件點選呼叫子元件 3.在父元件的ts中引入viewchild import from angular c...