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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

vue使用作用域插槽為起作用,并且無(wú)法顯示組件

vue使用作用域插槽為起作用,并且無(wú)法顯示組件

海綿寶寶撒 2019-03-20 10:13:33
在使用作用域組件的時(shí)候,按照教程做了一個(gè)例子,但是無(wú)法顯示組件及傳遞的內(nèi)容,不知道原因是什么?代碼如下:               <div id="G14">                <p>這是父組件</p>                    <n-component slot-scope="props">                       <p>這個(gè)是作用域插槽,用來(lái)傳遞數(shù)據(jù)</p>                       <p>{{ props.text }}</p>                    </n-component>                </div>                <script>                  Vue.component('n-component',{                    template:'<div><slot text="這是傳遞的數(shù)據(jù)"></slot></div>'                  })                  new Vue({                    el:'#G14'                  })                </script>            在瀏覽器中的樣子是控制臺(tái)也沒(méi)有報(bào)錯(cuò),,請(qǐng)問(wèn)問(wèn)題在哪里呢?
查看完整描述

1 回答

?
蕭十郎

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊

你的子組件的slot可能有些問(wèn)題,但是先不管那個(gè),slot-scope有兩種寫(xiě)法。


不用template的寫(xiě)法


<n-component>

  <p>這個(gè)是作用域插槽,用來(lái)傳遞數(shù)據(jù)</p> // 根據(jù)你的子組件這個(gè)是沒(méi)有slot對(duì)應(yīng)的

  <p slot-scope="props">{{ props.text }}</p>

</n-component>

用template


<n-component>

  <template slot-scope="props">

    <p >這個(gè)是作用域插槽,用來(lái)傳遞數(shù)據(jù)</p>

    <p>{{props.text}}</p>

  </template>

</n-component>

什么意思呢,這個(gè)slot-scope是加到slot對(duì)應(yīng)的結(jié)構(gòu)上的。


查看完整回答
反對(duì) 回復(fù) 2019-03-24
  • 1 回答
  • 0 關(guān)注
  • 829 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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