vue 調用子組件方法

vue 調用子組件方法，一起來看下吧：

1、最重要的部分是在父組件調用子組件的標簽上，定義了一個ref屬性：child，通過這個屬性，可以獲取到子組件里面的的屬性和方法。

2、在父組件的方法parentMethod執行的時候，使用：this.$refs.child.childMethod()來調用子組件的方法。

父組件代碼：

?

?


.parent-wrapper?{
??width:?300px;
??height:?300px;
??border:?1px?solid?red;
??margin:?50px;
}

子組件代碼：

?

?


.child-wrapper?{
??width:?300px;
??height:?300px;
??border:?1px?solid?blue;
??margin:?50px;
}

以上就是小編今天的分享，希望可以幫助到大家。