Vue使用elementUI

文章描述:

Vue项目使用elementUI框架

安装

命令:

npm i element-ui -S

 

element-ui支持vue2版本,当用vue3安装element-ui的时候会报错,这就需要安装element-plus版本来用到vue3项目中。

 

安装element-plus

npm install element-plus --save

 

配置

main.js

// element
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
.use(ElementPlus)

 

使用

vue

<template>
	<div>
		<el-row>
		  <el-button>默认按钮</el-button>
		  <el-button type="primary">主要按钮</el-button>
		  <el-button type="success">成功按钮</el-button>
		  <el-button type="info">信息按钮</el-button>
		  <el-button type="warning">警告按钮</el-button>
		  <el-button type="danger">危险按钮</el-button>
		</el-row>
	</div>
</template>

 

发布时间:2023/05/30

发表评论