vue2 x中的父子元件

2021-09-01 15:49:56 字數 977 閱讀 9507

最近用element-ui開發乙個專案的前端,用的vue2.4.2,用到了不同元件的互動。

規則管理

import sysrulesmanage from '@/views/sysrulesmanage.vue';
components:,
也可以這樣寫:

components:,
ref屬性:被用來給元素或子元件註冊引用資訊,引用資訊將會註冊在父元件的 $refs 物件上。

@loadingindex:注入乙個方法。子元件與父元件通訊時使用this.$emit呼叫。

:test:注入乙個方法。將父元件的屬性text注入子元件,並且命名為test。

this.$refs.rulesmanage.modelobjid = "1111";

this.$refs.rulesmanage.init();

注:在使用子元件的屬性\方法是時候需要延遲一點,讓子元件載入完,不然會報異常:

settimeout(()=>,60);
this.$emit("loadingindex");
5.2、子元件使用父元件的屬性:

使用props事件接收,就能直接使用了:this.test;

Vue2 x 新增element UI 元件

根據文件.按需載入模組需要配置 若不是按需載入則不用改這個檔案 babelrc檔案 er vue cli預先生成的檔案內容是 stage 2 plugins transform vue jsx transform runtime elementui 官網說明更改 配置為 plugins compon...

vue 2 x 之子元件內呼叫父元件的方法

第一種 直接在子元件中通過this.parent.event來呼叫父元件的方法 這種方式可以無限級別的向上找父級,例如 this.parent.parent.parent.parent.event,子元件也不需要props屬性接收父元件的方法,但是多層級的時候容易搞亂層級,parent太多了 父元件...

vue2 x知識總結

data data data data 逆轉訊息 data methods data 現在我們為每個 todo item 提供 todo 物件 todo 物件是變數,即其內容可以是動態的。我們也需要為每個元件提供乙個 key 稍後再 作詳細解釋。vue.component todo item dat...