vue element ui 样式修改无效
最近在使用vue 搭配element ui进行开发的时候,遇到el-dialog 样式修改无效的问题。搁置了我好长时间。
Solution One
- 将样式写在全局中,如App.js
<style scoped>
/* 本地样式 */
.aritle-page{ //你的命名空间.el-tag { //element-ui 元素margin-right: 0px;}
}
</style>
Solution Two
- 使用深度作用选择器
如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>> 操作符:
<style scoped>
.a >>> .b { /* ... */
}
</style>
有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 >>> 的别名,同样可以正常工作。
#table-role /deep/ .el-table__empty-block{height: 570px;overflow: auto;
}
Actually
实际上,项目的那个bug,我就是直接在前头加一个/deep/,就解决了
/deep/ .el-dialog{height: 570px;overflow: auto;
}
vue element ui 样式修改无效相关推荐
- Element UI样式修改之NavMenu导航菜单
目录 Element UI样式修改之NavMenu导航菜单 一.成果展示 二.步骤 三.完整代码 Element UI样式修改之NavMenu导航菜单 一.成果展示 Element UI官网给出的例子 ...
- bind-html自动换行,vue element ui this.$alert 样式修改,长词自动换行、自定义htm
vue element ui this.$alert 样式修改,长词自动换行.自定义htm vue element ui this.$alert 样式修改,长词自动换行.自定义html标签无效果 问题 ...
- vue项目,引入插件element ui 样式不生效
用vue ui 命令 引入插件 element ui 样式不生效 步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...
- Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
这篇博客主要介绍树形控件的两个小小的功能: 下拉菜单 输入过滤框 以CSS样式为主,也会涉及到Vue组件和element组件的使用. 对于没有层级的数据,我们可以使用表格或卡片来展示.要展示或建立层级 ...
- vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
- Vue + Element UI 实现 登陆注册基本demo实例
Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 导入项目 打开 Visual Studio Code,File --> add Folder ...
- 【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改、Pagination分页、搜索框
文章目录 目标 代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式 总 ...
- 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Form表单填写、Dialog对话框弹出
文章目录 目标 代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
- nodeJs + webpack+vue+ element ui 环境安装
一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/ 点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...
最新文章
- iOS APP提交上架最新流程
- [修订版]”大脑“爆发背后是50年互联网架构重大变革
- 路由框架ARouter最全源码解析
- 盘点过去一年,MIT人工智能实验室的那些创新
- linux之pmap命令
- 专业文化计算机艺考生,专业课和文化课都优秀?那艺考生的你不知道这个就损失大了...
- 用js实现分页功能以及利用xml实现分页功能——数据岛
- html数据摘要算法,Hash函数和消息摘要算法(示例代码)
- 文件与目录的默认权限与隐藏权限
- WIN10超级终端下载链接及使用教程
- 百度网盘客户端刷不出内容,网页版打不开,怎么办?
- 卡方检验的统计量推导_卡方检验的卡方检验法的基本原理和步骤
- Azure:云平台概述
- 谷粒学院 Day12.登录页面模式、整合JWT、整合QQ邮箱、用户登录注册接口【后端】、用户登录注册【前端】
- ant design 动态给a-input设置默认值
- c语言作业 身高预测,C语言的那些题(三) —— 编程计算身高问题
- #数据结构:家谱管理
- origin两个图层图例合并_科学网—Origin双坐标画法以及图例添加之方法一(以origin8.0为例) - 蔡延江的博文...
- 有眼界才有境界,有实力才有魅力,有思路才有出路,有作为才有地位。
- 字符串匹配KMP算法的理解(详细)