在uniapp中怎么使用element-ui
时间: 2023-12-23 08:02:55 浏览: 279
四级联动选择框 内部使用uniapp 跟 elementUi
在uniapp中使用element-ui,需要先安装element-ui,可以通过以下命令安装:
```
npm install element-ui -S
```
安装完成后,在 main.js 中引入 element-ui:
```javascript
import Vue from 'vue'
import App from './App'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
```
然后就可以在页面中使用 element-ui 的组件了,例如:
```html
<template>
<div class="my-element">
<el-button type="primary">我是element-ui的按钮</el-button>
</div>
</template>
<style>
.my-element {
margin: 20px;
}
</style>
```
这样就可以在 uniapp 中使用 element-ui 了。
阅读全文