Vue implementa la expansión y selección de elementos de forma predeterminada

Vaya al proyecto, abra la terminal y ejecute:

npm i element-ui -S

En main. js Quote

importar ElementUI desde 'element-ui';

importar 'element-ui/lib/theme-chalk/index.css';

Vue Uso (ElementUI);

Uso en el proyecto:

Efecto 1, implemente la expansión predeterminada del directorio de primer nivel: enfoque en la industria:

Plantilla. :

Guiones y estilos:

Efecto 2, realice la expansión predeterminada de las tendencias mundiales y vea noticias internacionales:

Modificar Cambiar a

El valor de defaultActive se asigna en onLoad()

Nota: Si necesita responder a un evento al hacer clic en un directorio de primer nivel, puede usar @click. nativo, de modo que al hacer clic en un directorio de nivel inferior se activarán todos los elementos de ese nivel y superiores. Haga clic para responder

.