element ui 怎么配置全局作用的默认值

element ui <InputNumber> 不设置size时，默认是large的。但我的页面基本上是用mini的，导致我得每个都得设置。element ui 有没有配置全局作用的默认值，可以让 <InputNumber>的size默认就是mini的？这个只是其中一个例子，其他ui也有自己默认值，回答不要只解决了<InputNumber>的哈。### 题目描述

查看完整描述

1 回答

猛跑小猪

TA贡献1858条经验获得超8个赞

两种方式：
第一种设置全局的css样式，你可以打开F12看下inputNumber 的样式，然后设置全局样式覆盖
第二种你可以再封装 inputNumber 成一个自己的组建，然后设置成mini ，然后在别的地方都使用这个自定义的组建，对其他的element 组建都可以简单封装

反对回复 2019-01-02

慕粉18311056454
ElementUI.InputNumber.props.size = { type: String, default: 'mini' }; ElementUI.Autocomplete.props.triggerOnFocus.default = false ElementUI.Autocomplete.props.highlightFirstItem.default = true ElementUI.Table.props.border = { type: Boolean, default: true } ElementUI.Table.props.highlightCurrentRow = { type: Boolean, default: true } ElementUI.DatePicker.props.unlinkPanels = { type: Boolean, default: true } ElementUI.DatePicker.props.startPlaceholder = { type: String, default: '开始日期' } ElementUI.DatePicker.props.endPlaceholder = { type: String, default: '结束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默认值2000 menuType: 'text' }) 这里有些属性是不起作用的，比如我想全局设置input的placeholder。设置这个属性就无效。也可以用vue的自定义directives去更改element里的属性。

回复 2021-02-19
慕粉18311056454
ElementUI.InputNumber.props.size = { type: String, default: 'mini' }; ElementUI.Autocomplete.props.triggerOnFocus.default = false ElementUI.Autocomplete.props.highlightFirstItem.default = true ElementUI.Table.props.border = { type: Boolean, default: true } ElementUI.Table.props.highlightCurrentRow = { type: Boolean, default: true } ElementUI.DatePicker.props.unlinkPanels = { type: Boolean, default: true } ElementUI.DatePicker.props.startPlaceholder = { type: String, default: '开始日期' } ElementUI.DatePicker.props.endPlaceholder = { type: String, default: '结束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默认值2000 menuType: 'text' }) 这里有些属性是不起作用的，比如我想全局设置input的placeholder。设置这个属性就无效。也可以用vue的自定义directives去更改element里的属性。

回复 2021-02-19
慕粉18311056454
ElementUI.InputNumber.props.size = { type: String, default: 'mini' }; ElementUI.Autocomplete.props.triggerOnFocus.default = false ElementUI.Autocomplete.props.highlightFirstItem.default = true ElementUI.Table.props.border = { type: Boolean, default: true } ElementUI.Table.props.highlightCurrentRow = { type: Boolean, default: true } ElementUI.DatePicker.props.unlinkPanels = { type: Boolean, default: true } ElementUI.DatePicker.props.startPlaceholder = { type: String, default: '开始日期' } ElementUI.DatePicker.props.endPlaceholder = { type: String, default: '结束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默认值2000 menuType: 'text' }) 这里有些属性是不起作用的，比如我想全局设置input的placeholder。设置这个属性就无效。也可以用vue的自定义directives去更改element里的属性。

回复 2021-02-19

点击展开后面2条

热搜

最近搜索清空

element ui 怎么配置全局作用的默认值

element ui 怎么配置全局作用的默认值

1 回答

添加回答