專案接觸多了,用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元素繫結事件 可以直接 事件名稱 自定義元件繫結原生事件寫法必須是 事件...