父元件呼叫子元件的方法

2022-10-11 08:39:07 字數 1469 閱讀 5637

父元件呼叫子元件的方法,具體邏輯子元件處理!

子元件

父元件

按鈕

效果

父元件呼叫子元件的方法,具體邏輯子元件處理!處理完後把結果告訴父元件

父元件

<

template

>

<

div

class

="confirm"

>

<

fieldset

>

<

legend

>confirm元件

legend

>

<

button

v-on:click

="clickbtn(true)"

>確定

button

>

<

button

v-on:click

="clickbtn(false)"

>取消

button

>

fieldset

>

div>

template

>

<

script

>

export

default

}, methods:

}}script

>

子元件

<

template

>

<

div

class

="artlist"

>

<

fieldset

>

<

legend

>artlist元件

legend

>

<

confirm-cmp

ref="confirmcmp"

v-on:result

="clickconfirm"

>

confirm-cmp

>

fieldset

>

div>

template

>

<

script

>

import confirmcmp from

'@/common/modal/confirm

'export

default

, methods:

}}script

>

效果

父元件呼叫子元件的方法

父元件呼叫子元件的方法,具體邏輯子元件處理!子元件 父元件 按鈕 效果 父元件呼叫子元件的方法,具體邏輯子元件處理!處理完後把結果告訴父元件 父元件 template div class confirm fieldset legend confirm元件 legend button v on cli...

vue子元件呼叫父元件方法

說明 有乙個元件inputlistselect.vue,選中乙個行資料,將該資料傳送到父級projectedit.vue檔案中 1 父級projectedit.vue呼叫 import inputlistselect from views components inputlistselect exp...

react父元件呼叫子元件方法

實現父元件呼叫子元件方法 基本思路 父元件可以通過props把自己的函式方法傳遞給子元件呼叫,那麼子元件通過這個函式把自己的元件例項傳回給父元件,父元件只需要儲存這些例項便可以呼叫子元件的方法 父元件import react,from react import from antd import fr...