vue 父組件中調(diào)用子組件函數(shù)的方法
更新時間：2019年06月06日 16:52:22 作者：\指間執(zhí)念/
這篇文章主要介紹了vue 父組件中調(diào)用子組件函數(shù)的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
在父組件中調(diào)用子組件的方法：
1.給子組件定義一個ref屬性。eg:ref="childItem"
2.在子組件的methods中聲明一個函數(shù)。eg: useInPar:function (str) {console.log(str)}
2. 在父組件的中聲明一個函數(shù)，并通過this.$refs.childItem.userInPar來使用子組件中聲明的函數(shù)。
父組件：
<template>
<child-item ref='child' />
<button @click='useChildFun'></button>
</template>
<script>
```
methods() {
useChildFun:function(){
this.$refs.child.usedInPar('調(diào)用子組件中的方法');
}
}
</script>
子組件：
```
methods () {
usedInPar(str){
console.log(str);
}
}
沒有完整的代碼，只有一個用法
總結(jié)
以上所述是小編給大家介紹的vue 父組件中調(diào)用子組件函數(shù)的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
vue項目如何讓局域網(wǎng)ip訪問配置設(shè)置
這篇文章主要介紹了vue項目如何讓局域網(wǎng)ip訪問配置設(shè)置，具有很好的參考價值，希望對大家有所幫助。2022-09-09
這篇文章主要介紹了Vue組件通信方法案例總結(jié),本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-09-09
這篇文章主要為大家介紹了vitejs預(yù)構(gòu)建理解及流程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue-video-player?播放m3u8視頻流的實現(xiàn)
本文主要介紹了vue-video-player?播放m3u8視頻流的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了詳解vue-cli下ESlint 配置說明，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了在vue中如何引入外部less文件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
關(guān)于@click.native中?.native?的含義與使用方式
這篇文章主要介紹了關(guān)于@click.native中?.native?的含義與使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
今天小編就為大家分享一篇Vue文件配置全局變量的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
ue是數(shù)據(jù)驅(qū)動視圖更新的框架, 所以對于vue來說組件間的數(shù)據(jù)通信非常重要,下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)組件通信的八種方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-09-09
解決Vue-cli npm run build生產(chǎn)環(huán)境打包,本地不能打開的問題
今天小編就為大家分享一篇解決Vue-cli npm run build生產(chǎn)環(huán)境打包,本地不能打開的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09