ElementUI布局不生效,引入部分组件

按照官方文档的例子:
在这里插入图片描述

一、下方例子是在子组件中引入部分elmentui的组件,而非在全局中引入部分组件的方式

因为是引入部分组件,所以按照习惯这样写了:

import {
    
     ElContainer } from 'element-ui'
... // 省略了其他部分,只展示components部分
components: {
    
    
	ElContainer
}
...

结果布局不仅没有生效,还报错说组件没有注册。于是乎看了elementui导出的组件名字:

export default {
    
    
...,
	Container
}

综上,因为文件导出的名字是Container,所以我们在引入的时候应该是用:

import {
    
     Container } from 'element-ui'
... // 省略了其他部分,只展示components部分
components: {
    
    
	ElContainer: Container
}
...

二、在全局中引入部分组件

同理,在全局中正确的方式应该是

import {
    
     Container } from 'element-ui'
Vue.use(Container)

猜你喜欢

转载自blog.csdn.net/m0_38038767/article/details/114284620