第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關(guān)于vue插槽問題

關(guān)于vue插槽問題

慕桂英4014372 2018-08-03 14:12:39
div id="app">    <child slot='head'>        <!-- <p>miqi</p> -->        i am head    </child>    <child slot='foot'>        i am foot    </child></div><script src="./vue.js"></script><script>    Vue.component('child',{        props: ['content'],        template: `<div>                    <slot name='head'></slot>                    <p>hellow</p>                    <slot>默認(rèn)內(nèi)容</slot>                    <slot name='foot'></slot>                    </div>`    })    var vm = new Vue({        el: '#app'    })</script>為什么<p>hellow</p> 會執(zhí)行兩次
查看完整描述

2 回答

?
守著星空守著你

TA貢獻(xiàn)1799條經(jīng)驗 獲得超8個贊

照你的寫法 出現(xiàn)兩邊才是對的啊,你想要的用法是這樣的:

<child>
  <div slot="head">I am head</div>
  <div slot="foot">I am head</div>
  覆蓋默認(rèn)
</child>


查看完整回答
反對 回復(fù) 2018-08-08
?
尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗 獲得超4個贊

因為上面有兩個 child 組件,每個 child 里面都有一個 <p>hello</p> 元素。你可以用 vue devtools 查看下

https://img1.sycdn.imooc.com//5b6af8560001eac808000278.jpg

查看完整回答
反對 回復(fù) 2018-08-08
  • 2 回答
  • 0 關(guān)注
  • 1057 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號