ElementUI 在 按需引入时定义 default size?

新手上路,请多包涵
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Element, {
    size: 'small'
})

// Fully import, 在 Vue.use 中加 {size: 'small'} 生效

import Vue from 'vue'
import { Button, Input } from 'element-ui'

const Elements = [Button, Input]

Elements.forEach(key => {
    Vue.use(key, {
        size: 'small'
    })
})

// Import on demand,加  {size: 'small'} 不生效

两种情况:

  1. 在 Vue 中全量引入时,可以使用 Vue.use(Element, {size: 'small'}) 设置全局组件的默认size。
  2. 在 Vue 中按需引入时,使用 Vue.use(Button, {size: 'small'}),设置无效。

问题是:在按需引入时 我写的有问题还是不支持组件的默认size定义?

阅读 12.7k
3 个回答

<button size="small"><btton>
在标签利用

新手上路,请多包涵
import Vue from 'vue'
import { Button } from 'element-ui'

Vue.prototype.$ELEMENT = { size: 'mini' };

Vue.use(Button)
新手上路,请多包涵

不生效时1.X的版本吧. 2.X以上的版本好像都是生效的.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题