在项目中引入element中的calendar组件，原生的组件内容格子太大，非常不美观

右键点击检查，找到日历格子的那个div，发现高度为85px,显然太高了。

直接在当前Vue组件样式中修改是无效的，因为在当前代码页面中根本没有这个div

（无效）

在main.js中引入全局样式表（global.css）,然后加入代码，修改为你想要的高度即可

修改成功

Vue中无法更改element ui组件样式问题相关推荐

vue rem插件与cube ui组件样式冲突
我也在网上看了几篇文章后,才解决的.但是并不顺利,可能是我的操作有误,为了以后特地记录: postcss-px2rem不能忽略指定文件需要安装postcss-px2rem-exclude(安装前需要 ...
Element UI 组件库分析和二次开发（一）
我的本地开发环境:M1 芯片Mac,node v12.22.10. 一.Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份 dev 源码到本地 2. 安装 ...
Vue 3的高颜值UI组件库
Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本.今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库! Element Plus Element ...
Element ui 组件中用键盘事件
//这是表单 <el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm&q ...
iView UI / Element UI修改样式不成功解决办法
项目场景:iView UI / Element UI修改样式不成功问题描述例如:在修改组件样式中,直接修改还是通过添加类名,修改都不成功原因分析: 原因:,其中的scoped限制了修改解决方案 ...
vue学习笔记-关于element ui 安装失败的问题解决
今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...
Vue中父子及非父子组件之间的通信方法
Vue中父子及非父子组件之间的通信方法父子组件之间的通信方法父级->子级通信 (依赖单向数据绑定+props实现) Vue.component('Father', { //注册了含有data ...
vue安装并导入Element UI
首先,在Vue项目的终端输入:npm i element-ui -S (输入之后,回车,等待一会儿,就会出现下图红框以下的内容,表示已经安装成功) 然后,在main.js中添加: import Ele ...
前端学习（2487）：在VUE中使用element-ui的el-select组件时出现该报错
一. 报错场景在VUE中使用element-ui的el-select组件时出现该报错 [Vue warn]: Missing required prop: "value" 1 二 ...
初探 amaze-vue（基于vue.js封装的Amaze UI 组件库）
Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库.因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很 ...

Vue中无法更改element ui组件样式问题

在项目中引入element中的calendar组件，原生的组件内容格子太大，非常不美观

右键点击检查，找到日历格子的那个div，发现高度为85px,显然太高了。

直接在当前Vue组件样式中修改是无效的，因为在当前代码页面中根本没有这个div

在main.js中引入全局样式表（global.css）,然后加入代码，修改为你想要的高度即可

修改成功

Vue中无法更改element ui组件样式问题相关推荐

最新文章

热门文章