修改默认配置

引入elementui后,debugger打印ElementUI可以看到elementui内置的所有组件列表版本号
打印列表
找到我们要改的组件名可以看到组件初始化数据propscomputed以及methods生命周期钩子等内置选项
组件提供给我们修改的项是通过props传递的,由此我们找到props可以看到组件所有的内置默认配置
我们通过main.js修改ElementUI.xxx.props.xxx.default = xxx;来修改默认配置
在这里插入图片描述

这时,有好奇的同学就会问,props不是单向数据流么,不可以修改的。
提出这样问题的同学,对组件数据传递掌握还是不错的。
但,要注意,我们现在修改的是main.jsmian.jsvue项目的入口文件。观察一下,我书写修改组件配置位置在哪里?
对,是在vue实例化之前的位置。那么vue没有实例化成功,那我们修改的配置什么呢?是变量赋值而已。

如何修改内置组件样式

1、在elementui的一般组件默认配置中,都会有customclasscustomstyle的配置项。我们可以通过给组件加类或样式来修改默认样式
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进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注