使用Bootstrap-Vue时Vue报fluid属性类型错误如何消除警告?
解决Bootstrap-Vue
b-container组件的fluid属性警告问题 你碰到的这个问题,核心原因是当前使用的Bootstrap-Vue版本太老——旧版本里b-container的fluid属性只接受布尔值(true或false),但你参考的文档是新版本的,新版本才支持给fluid传xl这类断点字符串。
给你两个可行的解决办法:
- 直接升级Bootstrap-Vue到最新稳定版:升级完成后,
fluid="xl"的写法就会被正常识别,不会再弹出类型错误警告。 - 如果暂时没法升级,用原生Bootstrap类替代:放弃用
b-container的fluid属性,直接用Bootstrap的容器类实现相同效果,代码改成这样:
这样既能实现大屏下的流体容器布局,又不会触发Vue的属性校验警告。<div class="container-xl"> <h2>Example</h2> </div>
内容的提问来源于stack exchange,提问作者Victor Bier
相关产品推荐
相关产品推荐

