首頁猿問 vue 作用域插槽

vue 作用域插槽

JavaScript

慕桂英546537 2019-10-18 09:01:24

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

查看完整描述

2 回答

元芳怎么了

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

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

反對回復(fù) 2019-10-18