vue如何在父組件中調用子組件的方法

前沿

*****這個就不廢話了,直接上代碼

假如子組件中有一個方法,想再父組件中直接觸發,調用,怎么辦呢?這個時候就會用到ref屬性

舉個例子
在子組件中有一個方法jumpTiger

    methods: {
        jumpTiger() {
            this.$router.push({
                path: '/tigerGoods'
            })
        },

在父組件中這樣寫

假設你已經引用了子組件,這里不了解ref屬性的請移步vue中ref的詳解

在這里加上ref屬性
<children ref="child"></children>

那么你在父組件的方法里這樣寫

    methods: {
       jumpButton() {
          this.$refs.child.jumpTiger();
        },

這樣就可以調用子組件的方法了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容