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ù)的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
解決vue 使用setTimeout,離開當前路由setTimeout未銷毀的問題
這篇文章主要介紹了解決vue 使用setTimeout,離開當前路由setTimeout未銷毀的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
插槽(Slot)技術(shù)是一種用于組件化開發(fā)的重要技術(shù),允許我們在組件中定義一些占位符,在Vue中,插槽的使用方式可以分為三種：默認插槽、具名插槽和作用域插槽,下面我們就來看看這三種方式的具體使用吧2023-09-09
本篇文章主要介紹了用vue.js和laravel實現(xiàn)微信支付，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家詳細介紹了Vue3+Ts如何實現(xiàn)緩存,用戶搜索詞本地排名,延遲消費或者消息隊列,用戶簽到和鎖,以及接口限流,還有全局ID等功能,需要的可以參考下2024-03-03
本篇文章主要介紹了vue使用watch 觀察路由變化，重新獲取內(nèi)容 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
這篇文章主要介紹了vue實現(xiàn)路由不變的情況下，刷新頁面操作,結(jié)合實例形式分析了vue路由不變的情況下刷新頁面具體原理、操作方法與相關(guān)注意事項,需要的朋友可以參考下2020-02-02
本篇文章主要介紹了詳解Vue使用命令行搭建單頁面應用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
vue 不使用select實現(xiàn)下拉框功能(推薦)
這篇文章主要介紹了vue 不使用select實現(xiàn)下拉框功能,在文章給大家提到了vue select 組件的使用與禁用，需要的朋友可以參考下2018-05-05
vue與bootstrap實現(xiàn)時間選擇器的示例代碼
本篇文章主要介紹了vue與bootstrap實現(xiàn)時間選擇器的示例代碼，非常具有實用價值，需要的朋友可以參考下2017-08-08