slot的使用方法

2022-04-06 07:32:36 字數 1538 閱讀 6552

插槽的使用其實是很簡單,你只需明白以下兩點,就很容易理解。

1.插槽是使用在子元件中的,

2.插槽的作用是將父元件中的子元件模板資料正常顯示

預設插槽
我現在建立乙個demo,結構如下:

父元件**如下:

輸出結果

當然在父元件引用的子元件中也可以寫入其他元件

具名插槽

在子元件中定義了三個slot標籤,其中有兩個分別新增了name屬性header和footer

在父元件中使用template並寫入對應的slot值來指定該內容在子元件中現實的位置(當然也不用必須寫到template),沒有對應值的其他內容會被放到子元件中沒有新增name屬性的slot中

從上面可以看出來:父元件最終列印的結果並不是根據自身**書寫的順序展現出來的,而是根據

插槽的預設內容

可以在子元件的slot標籤中寫入內容,當父元件沒有寫入內容時會顯示子元件的預設內容,當父元件寫入內容時,會替換子元件的預設內容

編譯作用域

作用域插槽

在子元件的slot標籤上繫結需要的值,在父元件上使用slot-scope屬性,user.data就是子元件傳過來的值

pythonpip使用方法 pip使用方法整理

匯出專案已安裝的pip包 pip list 檢視專案中安裝的包 pip freeze requirements.txt 將專案中所用到的第三方庫輸出到requirements.txt中 pip install 版本號 pip install i 本次使用清華源進行安裝 離線安裝第三方庫 一鍵安裝整個...

機械秒錶的使用方法 秒錶的使用方法!

秒錶是一種常用的測時儀器。又可稱 機械停表 由暫停按鈕 發條柄頭 分針等組成。它是利用擺的等時性控制指標轉動而計時的。它是利用擺的等時性控制指標轉動而計時的。在它的正面是乙個大表盤,上方有乙個小表盤 圖1.4 2 秒針沿大表盤轉動,分針沿小表盤轉動。分針和秒針所指的時間和就是所測的時間間隔。在表正上...

slot插槽的使用

先來簡單說明一下我需要實現的功能,用的是iview的 元件,然後呼叫後端介面實現資料的展示,在這裡遇到乙個問題,就是在等級展示這裡有點問題,因為後端傳給我的是1 2 3的數字,但是我需要展示在頁面上的是1 2 3所代表的的含義,一級 二級 具體實現方法如下 data 在模板裡面加入如下內容 slot...