在vue项目中引入使用ElementUI

安装:

npm i element-ui -S

页面中使用:

<el-container>
  <el-header>Header</el-header>
  <el-container>
    <el-aside width="200px">Aside</el-aside>
    <el-main>
      <div id="cesiumContainer">
      </div>
    </el-main>
  </el-container>
</el-container>

报错

错误原因:没有在main.js文件中注册这个组件,导致出现了报错

解决办法 在main.js中注册组件

import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'//注入ElementUI
import 'element-ui/lib/theme-chalk/index.css'//注入ElementUI样式

Vue.config.productionTip = false
// Vue.use(ElementUI)//ElementUI使用

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App } 
})

发布了25 篇原创文章 · 获赞 0 · 访问量 1170

猜你喜欢

转载自blog.csdn.net/yangwqi/article/details/104059584