追求卓越一諾千金

藍藍設計-__1元可提现的手机棋牌,2011年成立||1516专注彩票网合法吗,主創清華團隊__东方热线网络测速,專注軟件和互聯網ui設計開發||娱乐天地检点苹果。擅長企業信息化管理|_葛兰雪、監控|众彩网是国家正规的吗?、大數據軟件UIUE谘詢和設計開發服務___美丽飞蓬。立足UI-|11选5彩票选号神器,好好學習_|重庆公安局局长,天天進步_设计一个logo多少钱!


關於Vue中的slot的理解

2019-8-25 釋然 前端及開發文章及欣賞


今天在做vue項目的時候-|南通中学,遇到一個問題就是slot插槽的概念_-|木吉他拾音器。這突然讓我想起用過類似於element-ui前端框架時_--09版qq下载,用他們組件的時候接觸過slot-||沈阳市财政局财会之窗,如下圖_--杨过玩芙蓉: 



這是element-ui對話框的api-数学排列组合公式,當時我記得我百度過-|_大运河开凿于,就是這樣寫就ok了_真空过滤装置,當時也沒深究--三星铃声免费下载。

<el-dialog :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
  <span slot="title">
    我是對話框標題
  </span>
  <!-- 這邊寫對話框的內容 -->
  <span>我是對話框內容</span>
  <span slot="footer" class="dialog-footer">
    我是對話框footer
  </span>
</el-dialog>
效果是這樣___365天天彩票合法:



今天研究了|-龙之崛起布局,我就查看了源碼___长虹小志玲:



百度的發現這邊有兩個概念_-亿彩彩票安卓:

1.單個插槽也叫匿名插槽

slot不帶name-|_众彩网简介,如下-||卓易彩票下载:

<slot></slot>
一個子組件隻有一個匿名插槽__|众彩是真的吗,就好比對話框的內容沒有被含有slot="xx"屬性的標簽包裹|2009手机qq下载,那麼就會替換掉匿名插槽

2.具名插槽

slot 有name_--360双色球精准杀号定胆,如下

<slot name='xx'></slot>
具名插槽就可以有多個|__防狼水,就好比對話框含有slot='header'屬性的標簽會替換掉子組件<slot name='header'></slot>

標簽: 關於Vue中的slot的理解 « Sass開發注意點 | JavaScript雜記(雜而又雜)»


訂閱Rss