您好,登錄后才能下訂單哦!
在父組件中調用子組件的方法:
1.給子組件定義一個ref屬性。eg:ref="childItem"
2.在子組件的methods中聲明一個函數。eg: useInPar:function (str) {console.log(str)}
2. 在父組件的中聲明一個函數,并通過this.$refs.childItem.userInPar
來使用子組件中聲明的函數。
父組件:
<template> <child-item ref='child' /> <button @click='useChildFun'></button> </template> <script> ``` methods() { useChildFun:function(){ this.$refs.child.usedInPar('調用子組件中的方法'); } } </script>
子組件:
``` methods () { usedInPar(str){ console.log(str); } }
沒有完整的代碼,只有一個用法
總結
以上所述是小編給大家介紹的vue 父組件中調用子組件函數的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。