原文:vue中具名插槽的使用

lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Vue中的具名插槽的使用 lt title gt lt head gt lt script src https: cdn.jsdelivr.net npm vue . . dist vue.js gt lt script gt l ...

2019-02-26 14:26 0 708 推薦指數:

查看詳情

vue-具名插槽使用

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

Fri Mar 26 18:56:00 CST 2021 0 249
Vue的slot,作用域插槽具名插槽

1、具名插槽 有時候我們希望在指定的位置輸出我們的子元素,這時候具名插槽就排上了用場。 //組件調用時<MyFooter v-red :age.sync="age">   <template v-slot:footer>   //這里v-slot:后邊的值與組件 ...

Sun Mar 07 03:57:00 CST 2021 0 452
vue具名插槽

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

Fri Nov 13 01:13:00 CST 2020 0 1035
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM