vue使用element-ui的el-date-picker设置样式无效
一般在vue中设置css样式,由于代码为<style lang=“scss” scoped>,设置了scoped,所以一般改变element-ui中的样式都使用::v-deep
来进行。但是对于el-date-picker发现设置v-deep并没有效果,无法改变样式。
这是由于el-date-picker没有挂载到当前页面上,而是直接挂载到了整体的body中,也就是说在当前加载出来的页面上无法定位到el-date-picker,所以在当前页无法进行css样式设置。
解决办法:
设置全局样式,在main.js里引入
如图:
然后我在index.scss里边设置了自定义的宽度
然后看看效果,确实设置成功了!
vue使用element-ui的el-date-picker设置样式无效相关推荐
- Node mysql mvc vue_net MVC +Vue.js+Element UI 笔记
最近项目需求,要在MVC里用Vue 与 Element UI,故而做个笔记来记录一些遇到的问题和处理思路 (方式比较麻瓜,如果不是临时用的话,建议还是学一下Vue-cli,新项目还是老老实实前后端分离 ...
- 关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
- 【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
- Vue安装element ui踩坑
在vue安装element ui 的过程中报了许多错误,慢慢踩坑,希望能帮到各位 1. 输入 vue add element 输入 y y zh-CN 如果报错 ERROR comman ...
- 在vue中element ui 结合frappe-gantt实现一个简单的甘特图功能
在vue中创建甘特图步骤请参考: https://editor.csdn.net/md/?articleId=130145782 2. 结合element ui 实现甘特图功能 实现效果: 2.1 下 ...
- vue开源Element UI表单设计及代码生成器
1 可视化设计器 设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单, 设计器生成的代码可直接运行在基于 Element 的 vue 项目中. github仓库 https:// ...
- Vue+JS+Element UI实战(电商项目1)
目录 1.电商业务概述 2.电商后台管理系统的功能 3.项目初始化步骤 4.后台项目的环境安装配置 4.1. API V1 接口说明 4.2. 支持的请求方法 4.3. 通用返回状态说明 5.测试后 ...
- Vue实现Element UI的下拉框默认选中,值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
- 【vue】element ui的el-input 输入框不能输入值
前言 在使用element ui的el-input 输入框时,无法输入内容,后来发现是因为没有给input绑定值(v-model) 原因 Input 为受控组件,它总会显示 Vue 绑定值.(所以必须 ...
- Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述 问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...
最新文章
- Scanner对象及其获取数据出现小问题和解决方案
- Acey.ExcelX组件如何保证稳定性?
- 框架 路由地址_Django框架的使用
- (chap4 Http状态码) 4XX
- Boost:宏BOOST_TEST_EQ的测试
- 通过Java Api与HBase交互(转)
- 【转】算法导论学习笔记 一 分治算法
- 为什么越来越多的人直接入住毛坯房?有什么优缺点?
- 记一次被自己DDOS攻击
- LeetCode 459. 重复的子字符串(Repeated Substring Pattern)
- web漏洞扫描器-appscan
- 图的遍历(深度优先搜索)
- 点积与向量积(点乘与叉乘)
- 公司会议如何保证高效
- swift方法顺序 不成文规定
- 基于单片机的温度控制系统
- Windows10系统CUDA和CUDNN安装教程
- 四不帮你弄懂网络编程之最后一步
- 全国首条5G环线在成都正式开通
- matlab mcr调用,mcr环境下,vs调用matlab,报错access violation