ElementUI 修改组件默认属性

项目引入element-ui后,有时需要对组件的属性进行全局修改。比如input默认不开启清空按钮,我们需要让他变成默认开启,不然还需要一个个的手动修改。

import Vue from 'vue'
import ElementUI from 'element-ui';

// 修改input组件默认有清空按钮
ElementUI.Input.props.clearable.default=true;
console.log("ElementUI", ElementUI.Input.props.clearable)
Vue.use(ElementUI);

在注册使用ElementUI之前修改一下组件属性即可。

当然有个很不好的方法就是直接修改node_modules里面编译好的文件。
具体路径在node_modules\element-ui\lib\element-ui.common.js。这个改完之后本地的确可以生效,但是在多人协作情况下,因为一般不传git,所以别人还得再改一遍。不是很妥当。

你可能感兴趣的:(前端)