ElementUI 全局设置组件的默认属性

一、ElementUI 组件属性分为两种

我们以Input组件为例

• props ( ElementUI 组件库定义属性；如 clearable、type、value 等 )
• 原生属性（html中input就已有的属性；如maxlength、name、max 等）

二、设置默认的全局属性

2.1 默认props

// 众所周知，组件的默认props可以这么设置
Element.Input.props.clearable.default = true;

2.2 默认的原生属性

// 以maxlength属性为例
import Element from 'element-ui'
const render = Element.Input.render;
Element.Input.render = function () {
	// textarea 不做限制
	if (this.$options.propsData.type === 'textarea') {
	    return render.apply(this, arguments)
	}
	// 设置组件默认原生属性（attr）
	this.$attrs.maxlength || (this.$attrs.maxlength = 50); // 如果没有单独设置maxlength，就使用默认的配置（50）
	return render.apply(this, arguments)
}

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！