elementUI container布局不生效解决办法

大晚上的查这个查了半个多小时，不行我一定要写博客把这个坑记录下。

<el-container direction="vertical"><el-header>Header</el-header><el-container><el-aside width="200px">Aside</el-aside><el-main>Main</el-main></el-container></el-container>

在写项目中，用到了container布局，我代码复制的官网，应该是没有问题的，但是却没有出现预期的结果，页面显示如下图

然后看了下高度宽度，我把#app的高设置为100vh(充满全屏)

结果页面还是没变化，一直在百度搜“ElementUI container布局不生效”，说的都是这个属性

实在没办法从头百度，搜索“EclementUI的使用”，看到全局导入和按需导入才明白过来，如果是按需导入，container也是要手动导入的，导入如图：

导入之后就好了，然后随便设置一下背景色，高度，大概长这样

说了这么多没有几句有用的，如果你在使用elementUI中出现此问题，也希望你能检查下elementui是否导入，组件是否导入这类问题。

elementUI container布局不生效解决办法相关推荐

lombok get/set 方法未生效,解决办法
lombok get/set 方法未生效,解决办法 lombok,get/set方法不生效,解决办法(插件版本问题) 如上所示,检查插件版本是否为update 图标,是Unistall(卸载)表示就 ...
创建新Docker容器时出现“The container name /xxx is already in use by container xxxxxxxxxxx...”问题的解决办法
创建新Docker容器时出现"The container name "/xxx" is already in use by container xxxxxxxxxxx-& ...
web开发技巧-网页排版布局常见问题及解决办法
在前端开发过程中比较麻烦的地方其实并不是开发,而是考虑用哪些页面布局样式,一个好的布局排版重点突出,看起来舒适不费劲,整体简洁大方,更重要的是能让用户更好的更方便的浏览网站.今天小千就来给大家介绍几种 ...
创建新Docker容器时出现“The container name “/xxx“ is already in use by container xxxxxxxxxxx...”问题的解决办法
创建新Docker容器时出现"The container name "/xxx" is already in use by container xxxxxxxxxxx-& ...
PyQt5 技术篇-设置窗口置顶不生效问题原因，setWindowFlags()设置参数后不生效解决办法
可能情况:被覆盖 Dialog.setWindowFlags(QtCore.Qt.WindowStaysOnTopHint) # 设置窗口置顶 Dialog.setWindowFlags(QtCore ...
ElementUI Container布局容器
ElementUI介绍常用组件 container布局容器
Wamp修改httpd.conf中的DocumentRoot不生效解决办法
文章目录一.需求二.问题三.原因及解决办法一.需求因为Wamp默认的DocumentRoot是wamp目录下的www目录,也就是你访问localhost,默认访问的就是www目录,你的项目需 ...
keil5实现LED灯闪烁，简单延时函数不生效解决办法
一.操作环境 1.开发板:野火指南者(STM32F103VET6) 2. 电脑系统版本:Windows 10 专业版,使用Macbook Pro2017(双系统)调试 3.JTAG:Fire-Debu ...
ie8下table th和td宽度width设置不生效解决办法
ie8下table th和td宽度有时候设置无效,不按设定的宽度显示,怎么办? 这种情况一般分为两种: 第一种,某td的内容很多,需要换行,将td撑开了.这种情况还比较好处理,只要给td设置css属性 ...

elementUI container布局不生效解决办法

elementUI container布局不生效解决办法相关推荐

最新文章

热门文章