在vue中使用element-ui框架

Posted wenghan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue中使用element-ui框架相关的知识,希望对你有一定的参考价值。

      1 、安装依赖包

              

  npm i element-ui -S

     2、在main.js中导入element-ui相关资源

          

     // 手动配置element-ui
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.css
Vue.use(ElementUI)

技术图片

 

 3、可以在vue页面使用element-ui组件了

// 手动配置element-ui
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘
Vue.use(ElementUI)

以上是关于在vue中使用element-ui框架的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目中如何使用Element-UI以及如何使用sass

改造vue-quill-editor: 结合element-ui上传图片到服务器

Vue SSR 项目 Nuxt.js 框架之《如何引入第三方UI框架element-ui》

一起学Vue:UI框架(element-ui)

无需美工,使用Vue + Element-ui 搭建一款简易的手机Web页面框架

Vue和element-ui结合的简单使用