close事件 vue vue 觸發父子元件事件

2021-10-13 01:27:13 字數 723 閱讀 3061

專案接觸多了,用vue開發專案比較喜歡元件化,乙個彈框,乙個模組都可能寫成子元件

父元件觸發子元件事件

這時需要觸發子元件的事件,例如顯示左側彈框時需要觸發事件調介面查資料,子元件的方法是gettimechannel()

this.$refs.drawercount.gettimechannel();

這樣子元件的事件就可以了觸發了

子元件觸發父元件事件

當然也會用到子元件要觸發控制父元件事件,

首先在子元件中寫乙個方法

closedrawer() {this.$emit('closedrawer',false)

這樣就可以觸發父元件的事件了

closedrawer() {this.show = false;

子元件觸發子元件事件

這裡我想add元件(新增功能)新增成功後,關閉add元件(彈框),同時重新整理list元件(展示列表)資料

父元件:

changeview(view, obj) {this.currentview =view;this.currentdata =obj;

add子元件:

this.$emit("componentview", "list");

list子元件:

mounted() {this.gettableitem();

這個例子貌似不太好,下次補充

注意:$emit這裡的false,可以是乙個物件,乙個陣列

close事件 vue vue元件通訊總結

11月份的面試越來越覺得自己學的不夠踏實和深入。現在實習了有空總結下 京東前端實習一道面試題 vue中元件通訊介面有哪些,除了props和 emit?注意是介面,我說了vuex和localstorage,立馬就被否決了 props最常見的父子通訊介面,但是props是單向資料流的形式 父級 prop...

close事件 vue vue 監聽瀏覽器關閉事件

用vue做的專案,有個需求就是關閉瀏覽器的時候,需要往後臺提交有個介面,來監聽這個賬號有沒有下線。網上找了很多種方法,一直沒有實現。主要困惑點 1 瀏覽器關閉是事件,是什麼 window.addeventlistener beforeunload e 執行 mounted window.addeve...

vue Vue中的事件和方法

v on click methodfun 注意方法名後面不要跟 newvue methods 如果需要事件物件 click methodfun var1,event event 是vue內建的事件物件 newvue 原生html元素繫結事件 可以直接 事件名稱 自定義元件繫結原生事件寫法必須是 事件...