Vue cli如何用Element布局容器实现侧栏和顶栏

2024-10-13 04:54:26

1、第一步:新建一个vue工程,并在Terminal界面中输入命令npm i element-ui –S命令安装element-ui,如下图所示:

Vue cli如何用Element布局容器实现侧栏和顶栏

3、第三步:在src目录中新建components文件夹,并在该文件夹中新建Menu.vue文竭惮蚕斗件,打开Menu.vue文件,在文件中添加红色框中的el-side的代码,这个是增加侧边栏的代码,如下图所示:

Vue cli如何用Element布局容器实现侧栏和顶栏

5、第五步:打开src目录中的App.vue文件,在文件中添加Menu模块,即增加红色框内的代码,如下图所示:

Vue cli如何用Element布局容器实现侧栏和顶栏
猜你喜欢