首頁猿問在線等，挺急的！vue...

在線等，挺急的！vue 作用域插槽求老司機(jī)指點(diǎn)！

JavaScript

慕尼黑8549860 2019-09-19 13:59:18

vm.$slots可以獲取插槽節(jié)點(diǎn)//子組件父級別{{row}}這樣在slot中created打印vm.$slots返回kzName但是改為作用域插槽后打印就是{}{{row}}

查看完整描述

2 回答

拉丁的傳說

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

vm.$slots是獲取靜態(tài)插槽內(nèi)容的屬性，直接得到每個插槽相應(yīng)的Vnode節(jié)點(diǎn)，你的第一種寫法v-slot:KzName或#KzName都是用作靜態(tài)插槽。靜態(tài)插槽的實(shí)現(xiàn)是在組件初始化剛開始的時候就去拿渲染后的內(nèi)容，它定義在initRender方法中，并且這個方法的初次調(diào)用先于created，所以一開始可以在created里得到有值的內(nèi)容。作用域插槽的獲取一定要使用vm.$scopedSlots，你后面的寫法就是作用域插槽。并且在獲取它的時候要在mounted里才能拿到，這是由于作用域插槽在組件初始化中要等到其他變量初始完才能正確獲取變量的值，它的第一次賦值要等到組件渲染時才完成。雖然$scopedSlots的初始化也是在initRender方法里，但那時很明顯只是給了它一個空對象，它的賦值是在_render方法中，所以你在渲染函數(shù)中是可以拿到的。關(guān)于這兩個屬性的具體實(shí)現(xiàn)參考一下源碼中的render.js

反對回復(fù) 2019-09-19