原文:vue具名插槽

具名插槽 具有名字的插槽slot使用 中的 name 屬性綁定元素 注意: ,如果沒有匹配到 則放到匿名的插槽中 ,具名插槽的渲染順序,完全取決於模板,而不是取決於父組件中元素的順序 ...

2020-11-12 17:13 0 1035 推薦指數:

查看詳情

vue-具名插槽的使用

  在上一篇講了插槽的基本使用,但是現在又有了新的需求了,一個組件中有3個插槽,只想替換中間的插槽,另外兩個默認即可,那該如何替換呢?具名插槽就派上用場了,說簡單點就是給插槽取個名字,當插入元素的時候說明要插入的是哪個插槽即可,代碼如下:   當<span>不指定 ...

Fri Mar 26 18:56:00 CST 2021 0 249
vue具名插槽的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中的具名插槽的使用< ...

Tue Feb 26 22:26:00 CST 2019 0 708
Vue3具名插槽

一般不使用具名插槽時,都是這樣使用 子組件 MyBar 父組件 MySideBar 但如果子組件有多個solt插槽就是會同時顯示多個相同的內容 所以需要用到具名插槽來顯示不同的內容 子組件 MyBar 父組件 MySideBar ...

Sat Apr 10 01:08:00 CST 2021 0 777
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM