在uniapp中使用element-ui组件

在uniapp中使用element-ui组件

一、安装依赖

npm i element-ui -S //安装依赖

二、在根目录下新建一个element文件，写一个index.js文件，实现按需导入，会更加的方便管理

// 导入自己需要的组件
import "element-ui/packages/theme-chalk/lib/base.css";


import Icon from 'element-ui/lib/icon';
const elements = {
  install: function (Vue) {
    Vue.use(Icon)
  }
}
export default elements

三、然后在main.js引入

import Vue from 'vue'
import App from './App'

import ElementUI from 'element-ui'
import element from './element/index'

Vue.use(ElementUI)


Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()