微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Vue——ElementUI 如何修改this.$message消息提示框样式及内容样式

分类：elementui作者：编程之家原文地址

产品需求：要求提示信息换行时单词不能分开

在这里插入图片描述

因为element-ui中this.$message 默认 word-break:break-all ， 我需要改为word-wrap:break-word

具体步骤

在这里插入图片描述

在这个样式表中修改无效，所以发现在scoped的style中修改它的样式是无效的，因为ElementUI组件不可以给样式添加scoped。因此要想修改其样式就一定要去掉scoped，但是如果去掉scoped后，又不满足单组件的CSS样式，所以我们在写个style，附加在没有scoped的style中就可以实现了。

在这里插入图片描述

到这里就实现了

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

elementUI 页面刷新菜单定位
el-menu 有个属性 :default-active="curActive"  el-menu-item有个属性:index=“home”这2个属性值对上号就自动定位了data(){ return{ curActive:"home" }; },
elementUI 学习入门之 input 输入框
基础用法1<el-inputv-model="input1"palcehoder="请输入"></el-input>23varMain={4data(){5return{6input1:''7}8}9}10varCtor=Vue.extend(Main)11newCtor().$mount('#app&#03
在electron-vue项目中使用element-ui
 1.安装element-uinpminstallelement-ui-S 2.在main.js中importElementUIfrom'element-ui'import'element-ui/libheme-chalk/index.css'Vue.use(ElementUI)注意index.css的路径不要出错：在node_modules文件夹里node_modules\element-ui\lib\theme-c
elementUI 学习入门之 layout 布局
layout布局通过基础的24分栏，可进行快速布局基础布局使用单一分栏创建基础的栅格布局,通过span属性指定每栏的大小<el-col:span="8"></el-col>1<el-row>2<el-col:span="8"><divclass="grid-contentbg-purple"></div>&
ElementUI之DatePicker日期选择器小细节
 今天做一个选择年份的功能，直接调用了ElementUI里面的DatePicker组件，官网上有该组件的用法介绍，讲得很清楚。 我的代码： 官网说明： 奇怪的事情发生了，我明明按照例子写了  value-format="yyyy" 可是获得的值却一直还是Date对象 仔细检查后，我突然发现我的v-model
elementui 日期控件设置选择范围
  that.end 即为结束日期
vue elementUi tree 懒加载使用详情
vueelementUitree懒加载使用详情2018年11月21日11:17:04开心大表哥阅读数：3513 https://blog.csdn.net/a419419/article/details/84315751 背景：vue下使用elementUI文档：http://element-cn.eleme.io/#/zh-CN/componentree#tree-shu-xing-kong-jian需求：只保存二
angular4入门 angluar与elementUI环境搭建、路由配置、get请求运用
环境搭建说明：1、全局安装angluar脚手架npminstall-g@angular/cli2、初始化项目（支持scss）ngnew项目名称--style=scss//进入项目cd项目名称运行代码可以是：serve或者npminstall(安装依赖)npmstart（运行）3、安装elementnpm
在项目中遇见的问题vue+elementUI
1、在写埋点监控项目的时候，需求是表格里面的数据后台传递过来为0，但是要求显示的时候为—，在elementUI判断，将prop去掉在下面加上<templateslot-scope="scope"><emplate>里面在写vue的判断，因为通过Scopedslot可以获取到row，column，$index和store（table内容的状态管理）的数据。2、
filter-method 在elementUI 表格中的使用
<el-table-columnprop="pubArea"//表格data中对应的字段column-key="pubArea"//过滤条件变化时根据此key判断是哪个表头的过滤label="报修类型"align="center"width=
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native