vue父元件呼叫子元件的兩種方法

2021-10-01 22:51:31 字數 551 閱讀 1921

1.子元件methods建立需呼叫方法

2.父元件宣告ref

3.呼叫

export default ,

},}

1.子元件methods建立需呼叫方法

this.$on('childfunction', 呼叫方法)
2.呼叫

this.$refs.child.childfunction()
或者

父元件

子元件

this.$emit('submitfn', this.childfuntion) // childfuntion為子元件方法
父元件 

submit () {},

childfunction (childfunction) ,

// 使用時呼叫this.submit(),建議使用上面的方法

vue 子元件觸發父元件方法的兩種方式

如下 通過this.emi t 來 觸發父組 件的方法 具體就 是子元件 觸發 emit 來觸發父元件的方法。具體就是子元件觸發 emit 來觸發父 元件的方 法。具體 就是子組 件觸發emit繫結的事件watchchild,然後父元件監聽watchchild,一旦watchchild被觸發便會觸發...

vue子元件呼叫父元件方法

說明 有乙個元件inputlistselect.vue,選中乙個行資料,將該資料傳送到父級projectedit.vue檔案中 1 父級projectedit.vue呼叫 import inputlistselect from views components inputlistselect exp...

vue中父元件呼叫子元件

在vue中父元件操作子元件通常會用ref這個特性,結合文件我們來看下ref有哪些用法 官方定義 ref被用來給元素或者子元件註冊引用資訊。換句話講就是vue留了乙個操作原生dom元素或操作子元件例項的介面 當ref定義在元素或元件上,元素或元件資訊會被註冊在例項中的 refs物件上。1 操作單個do...