1. 安装 Element-React:
通过 npm 或 yarn 安装 Element-React。
npm install element-react
或者使用 yarn:
yarn add element-react
2. 引入样式和组件:
在你的项目中引入 Element-React 的样式和组件。
// 在你的入口文件中引入样式
import 'element-react/dist/theme-chalk/index.css';
// 引入需要的组件
import { Button, Form, Input } from 'element-react';
3. 注册组件:
在你的 Vue 实例中注册 Element-React 的组件。
import Vue from 'vue';
import Element from 'element-react';
Vue.use(Element);
4. 使用组件:
在你的组件中使用 Element-React 的组件。
<template>
<div>
<el-button type="primary">Primary Button</el-button>
<el-form :model="form" label-width="80px">
<el-form-item label="Username">
<el-input v-model="form.username"></el-input>
</el-form-item>
<el-form-item label="Password">
<el-input type="password" v-model="form.password"></el-input>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
return {
form: {
username: '',
password: ''
}
};
}
};
</script>
这只是一个简单的例子,你可以根据你的需要使用更多的 Element-React 组件和定制样式。
转载请注明出处:http://www.pingtaimeng.com/article/detail/5589/Element-React