vue多層嵌套數(shù)據(jù)傳遞 VUE多層路由嵌套實(shí)現(xiàn)代碼?
VUE多層路由嵌套實(shí)現(xiàn)代碼?在實(shí)際項(xiàng)目中,我們會(huì)遇到多層嵌套組件的組合,但是如何實(shí)現(xiàn)嵌套路由呢?因此,我們需要在vuerouter的參數(shù)中使用子配置,這樣才能很好地實(shí)現(xiàn)路由嵌套。Indexhtml,只
VUE多層路由嵌套實(shí)現(xiàn)代碼?
在實(shí)際項(xiàng)目中,我們會(huì)遇到多層嵌套組件的組合,但是如何實(shí)現(xiàn)嵌套路由呢?因此,我們需要在vuerouter的參數(shù)中使用子配置,這樣才能很好地實(shí)現(xiàn)路由嵌套。Indexhtml,只有一個(gè)route exit[HTML]view plain copy mainjs,如何做route的重Vue來(lái)實(shí)現(xiàn)路由跳轉(zhuǎn)和嵌套
最近,我也在做類似的事情。我在okoala/Vue antd學(xué)了一種方法。首先,父組件傳入一個(gè)“render”函數(shù)來(lái)描述要?jiǎng)討B(tài)生成的子組件。相關(guān)代碼如下:
然后,在相應(yīng)的“table”組件中,使用“$compile”呈現(xiàn)相應(yīng)的“render”,并將其插入相應(yīng)的位置。在這里,我們需要注意的是編譯范圍。我們需要使用父組件來(lái)編譯。否則,我們無(wú)法綁定父組件的事件。相關(guān)規(guī)范如下: