修改默认配置
在引入elementui后,debugger或打印ElementUI
可以看到elementui内置的所有组件列表及版本号:
找到我们要改的组件名可以看到该组件初始化的数据及props、computed以及methods和生命周期钩子等内置选项。
组件提供给我们可修改的项是通过props传递的,由此我们找到props可以看到组件所有的内置默认配置。
我们通过在main.js中修改ElementUI.xxx.props.xxx.default = xxx;
来修改默认配置。
这时,有好奇的同学就会问,props不是单向数据流么,不可以修改的。
提出这样问题的同学,对组件数据传递掌握的还是不错的。
但,要注意,我们现在修改的是main.js ,mian.js为vue项目的入口文件。观察一下,我书写修改组件配置的位置在哪里?
对,是在vue实例化之前的位置。那么vue还没有实例化成功,那我们修改的配置是什么呢?是变量赋值而已。
如何修改内置组件样式
1、在elementui的一般组件默认配置中,都会有custom–class或custom–style的配置项。我们可以通过给组件加类或样式来修改默认样式。
2、通过在组件dom上加style的行内样式,但这有局现性,在组件dom上加的样式只会生效到组件内顶层dom结构上。
3、在页面上右键审查元素,可以观察到组件内dom结构及样式类等信息。我们可以在自己写的样式表内重写对样的样式类。
原文地址:https://blog.csdn.net/qq_42156063/article/details/129838739
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_27376.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!