elementuiui（elementuiui 表格数据修改后 滚动条复位）

ElementUI 是一套基于Vue.js 2.0 的桌面端组件库，它提供了丰富的UI组件，使得开发者可以更加便捷地搭建用户界面。本文将介绍ElementUI的基本使用方法，并详细说明其中的一些常用组件。

# 一、安装

ElementUI的安装非常简单，只需使用npm或者yarn进行安装即可。打开终端，输入以下命令：

```bash

npm i element-ui --save

```

或者

```bash

yarn add element-ui

```

# 二、引入并注册

在项目中的main.js文件中引入ElementUI，并注册为全局组件：

```js

import Vue from 'vue'

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

```

# 三、基本使用

ElementUI的组件可以按需引入，也可以全部引入。下面以按钮组件为例，展示其基本使用方法：

```vue

```

以上代码展示了ElementUI的按钮组件的基本用法。通过设置不同的type属性，可以实现不同样式的按钮。

# 四、常用组件

除了按钮组件，ElementUI还提供了很多常用的组件，如表格、表单、弹窗、导航栏等等。这些组件的用法可以在ElementUI官方文档中找到详细的说明。下面以表格组件为例，展示其基本使用方法：

```vue

```

以上代码展示了ElementUI的表格组件的基本用法。通过设置表格的数据和列的属性，即可实现一个简单的表格。

# 五、总结

本文介绍了ElementUI的基本使用方法，并以按钮组件和表格组件为例，详细说明了它们的基本用法。ElementUI提供了丰富的组件，可以大大提高界面开发的效率，帮助开发者快速构建出美观且功能强大的用户界面。要深入学习ElementUI的更多组件和功能，可以参考官方文档。