原文:Vue中的slot,作用域插槽和具名插槽

具名插槽 有時候我們希望在指定的位置輸出我們的子元素,這時候具名插槽就排上了用場。 組件調用時 lt MyFooter v red :age.sync age gt lt template v slot:footer gt 這里v slot:后邊的值與組件內的slot的name屬性對應,也就是插槽的名稱。 lt div gt list lt div gt lt template gt lt My ...

2021-03-06 19:57 0 452 推薦指數:

查看詳情

vue具名插槽作用域插槽的新寫法

具名插槽 自 2.6.0 起有所更新。已廢棄的使用 slot attribute 的語法 但是我們有了新的語法,如下: 子組件 childCom: 父組件 app: 效果圖: 注意: v-slot 只能添加在 template 上 作用域插槽 ...

Sun Nov 22 23:14:00 CST 2020 0 788
vue3 默認插槽具名插槽作用域插槽的使用

0. 組件和插槽區別 組件是Vue插槽中最為關鍵的一個特性之一,而插槽是組件的一大亮點。插槽是為組件服務的,讓組件更靈活多用。 1. 默認插槽具名插槽的通用格式(#myName 是 v-slot:myName的縮寫):建議使用通用格式 <template> 元素的所有 ...

Wed Apr 06 23:55:00 CST 2022 0 1415
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM