筑坐极_Vue3中引入Element-ui流程以及避雷

版本介绍

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

1.安装Element plus：(在自己新建的项目下引入)

npm install element-plus --save

注意：有些npm版本过高或者过低的时候下载Echarts的过程中可能会报错，遇到这种问题可以在后面加上 --legacy-peer-deps

npm install element-plus --S --legacy-peer-deps

2.可以在package.json中检查是否安装成功 (出现这一行就证明安装成功了)

3.在main.js中引入Element plus以及原生组件样式文件

import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import locale from 'element-plus/lib/locale/lang/zh-cn'

createApp(App).use(ElementPlus, { locale })

最终呈现出

Vue3中引入Element-ui流程以及避雷

3.使用element plus 创建一个表格示例

Dome样式

(代码)

<el-table :data="list" border style="width: 100%" class="tableel12">
  <el-table-column prop="tradeId" label="序号" width="180" />
  <el-table-column prop="stockHolderId" label="股民id" width="180" />
  <el-table-column prop="bankCardId" label="卡号" />
  <el-table-column prop="addedMoney" label="交易金额" />
  <el-table-column prop="state" label="状态" />
  <el-table-column prop="type" label="操作股票方式" />
</el-table>

(截图) Vue3中引入Element-ui流程以及避雷

(效果) Vue3中引入Element-ui流程以及避雷

至此vue3引入element-ui 结束

Vue3中引入Element-ui流程以及避雷

王*

Vue3,element-ui

Element Plus 是一套为构建基于 vue 3 的组件库而设计的组件库。它为开发者提供了一套丰富组件和扩展功能，帮助开发者快速构建高质量的 Web 应用。

2023.06.25

636人

王*

河南省信阳市淮滨县

Hot:4167

1.安装Element plus：(在自己新建的项目下引入)

注意：有些npm版本过高或者过低的时候下载Echarts的过程中可能会报错，遇到这种问题可以在后面加上 --legacy-peer-deps

npm install element-plus --S --legacy-peer-deps

3.在main.js中引入Element plus以及原生组件样式文件

3.使用element plus 创建一个表格示例

王*

5分

还未获得评语哦~

Vue3中引入Element-ui流程以及避雷

王*

Vue3,element-ui

Element Plus 是一套为构建基于 vue 3 的组件库而设计的 组件库。它为开发者提供了一套丰富 组件和扩展功能，帮助开发者快速构建高质量的 Web 应用。

2023.06.25

636人

王*

河南省信阳市淮滨县

Hot:4167

1.安装Element plus：(在自己新建的项目下引入)

注意：有些npm版本过高或者过低的时候下载Echarts的过程中可能会报错，遇到这种问题可以在后面加上 --legacy-peer-deps

npm install element-plus --S --legacy-peer-deps

3.在main.js中 引入Element plus以及原生组件样式文件

3.使用element plus 创建一个表格示例

王*

5分

还未获得评语哦~

Element Plus 是一套为构建基于 vue 3 的组件库而设计的组件库。它为开发者提供了一套丰富组件和扩展功能，帮助开发者快速构建高质量的 Web 应用。

3.在main.js中引入Element plus以及原生组件样式文件