当前位置:网站首页 > Vue.js开发 > 正文

在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 } })

到此这篇在vue项目中引入使用ElementUI的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

  • 上一篇: VUE引入工具类
  • 下一篇: VUE的生命周期
  • 版权声明


    相关文章:

  • VUE引入工具类2024-11-28 16:27:09
  • vue组件中的this指向问题2024-11-28 16:27:09
  • JS跳出循环的遍历方法2024-11-28 16:27:09
  • VUE非父子组件间的传值2024-11-28 16:27:09
  • VUE实现父子组件传值以及递归组件的传值2024-11-28 16:27:09
  • VUE的生命周期2024-11-28 16:27:09
  • js关于if-else的逻辑使用优化2024-11-28 16:27:09
  • 资源网365,资源之家! 天天好资源!力争打造一个更好的资源网下载站.希望大家指教!...2024-11-28 16:27:09
  • map变成json(map变成一个新单词)2024-11-28 16:27:09
  • js数组方法some(js数组方法some的用法)2024-11-28 16:27:09
  • 全屏图片