Nested child router pada vue.js

Jadi gini gan, saya punya router dimana route ini memiliki 2 level child. Kira2 seperti ini gambarannya

routes: [
	{
	  path: '/',
	  name: 'home',
	  component: Home,
	  children: [
	  	{
	  		path: '/children',
	  		name: 'children',
	  		component: Child,
	  		children: [
	  			{
	  				path: 'sub-child',
	  				name: 'sub-child',
	  				component: SubChild
	  			}
	  		]
	  	}
	  ]
	}
]

Saat router-link me-re-render, yg hanya bisa dirender adalah hanya sampai "children", sedangkan saat ingin mengganti router-view menjadi "sub-child", dia tidak merender ulang. Mohon bantuannya

avatar ashandysp
@ashandysp

49 Kontribusi 18 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

template di childrennya gimana? di dalam component Child template mesti ada “router-view” outlet juga supaya bisa rerender nested childnya.

contohnya begini <a href='https://jsfiddle.net/yb4d5sr2/'>https://jsfiddle.net/yb4d5sr2/</a>

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban