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)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值