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