element ui <InputNumber> 不設(shè)置size時(shí)，默認(rèn)是large的。但我的頁(yè)面基本上是用mini的，導(dǎo)致我得每個(gè)都得設(shè)置。element ui 有沒有配置全局作用的默認(rèn)值，可以讓 <InputNumber>的size默認(rèn)就是mini的？這個(gè)只是其中一個(gè)例子，其他ui也有自己默認(rèn)值，回答不要只解決了<InputNumber>的哈。### 題目描述
1 回答
猛跑小豬
TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊
兩種方式：
第一種設(shè)置全局的css樣式，你可以打開F12看下inputNumber 的樣式，然后設(shè)置全局樣式覆蓋
第二種你可以再封裝 inputNumber 成一個(gè)自己的組建 ，然后設(shè)置成mini ，然后在別的地方都使用這個(gè)自定義的組建，對(duì)其他的element 組建都可以簡(jiǎn)單封裝
-
慕粉18311056454ElementUI.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: '結(jié)束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默認(rèn)值2000 menuType: 'text' }) 這里有些屬性是不起作用的， 比如我想全局設(shè)置input的placeholder。設(shè)置這個(gè)屬性就無(wú)效。 也可以用vue的自定義directives去更改element里的屬性。 -
慕粉18311056454ElementUI.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: '結(jié)束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默認(rèn)值2000 menuType: 'text' }) 這里有些屬性是不起作用的， 比如我想全局設(shè)置input的placeholder。設(shè)置這個(gè)屬性就無(wú)效。 也可以用vue的自定義directives去更改element里的屬性。
-
慕粉18311056454ElementUI.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: '結(jié)束日期' } ElementUI.Button.props.round = { type: Boolean, default: true } Vue.use(ElementUI, { size: 'mini', zIndex: 3000, // 默認(rèn)值2000 menuType: 'text' }) 這里有些屬性是不起作用的， 比如我想全局設(shè)置input的placeholder。設(shè)置這個(gè)屬性就無(wú)效。 也可以用vue的自定義directives去更改element里的屬性。
點(diǎn)擊展開后面2條
- 1 回答
- 0 關(guān)注
- 2875 瀏覽
添加回答
舉報(bào)
0/150
提交
取消