IT常识
技术 Python PHP JavaScript IOS Android Java 数据库 资源 公众号 代码片段 github
  • IT常识
  • 技术

vue中添加less配置,用于计算div高度

Posted 2020-10-03

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中添加less配置,用于计算div高度相关的知识,希望对你有一定的参考价值。

需求:左边垂直的菜单栏高度设置为 100% - 导航栏的高度(3.6rem)

首先,从vue-cli脚手架里的安装的webpack模板中并没有less的依赖配置,得自己手动添加安装

安装命令::npm install less less-loader --save

安装完后packahe.json中出现如图添加的配置:

然后可以在 .vue 的文件中书写less代码了,

结果:

 

以上是关于vue中添加less配置,用于计算div高度的主要内容,如果未能解决你的问题,请参考以下文章

vue中 如何使用less

vue项目使用less全局变量

webpack 配置scssless全局样式(自定义的,vue-cli2/3)

vue-cli3使用sass全局变量(less同理)

vue-cli3使用sass全局变量(less同理)

vuecli4配置sass与less

(c)2006-2024 SYSTEM All Rights Reserved IT常识