在父組件中調(diào)用子組件的方法:
創(chuàng)新互聯(lián)建站2013年開創(chuàng)至今,先為芙蓉等服務(wù)建站,芙蓉等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為芙蓉企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1.給子組件定義一個(gè)ref屬性。eg:ref="childItem"
2.在子組件的methods中聲明一個(gè)函數(shù)。eg: useInPar:function (str) {console.log(str)}
2. 在父組件的中聲明一個(gè)函數(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); } }
沒有完整的代碼,只有一個(gè)用法
總結(jié)
以上所述是小編給大家介紹的vue 父組件中調(diào)用子組件函數(shù)的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
新聞名稱:vue父組件中調(diào)用子組件函數(shù)的方法
轉(zhuǎn)載源于:http://jinyejixie.com/article36/pgespg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、動態(tài)網(wǎng)站、軟件開發(fā)、ChatGPT、企業(yè)建站、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)