jianghuizhong-ele-ui

一个基于Element UI 2.15.14定制的Vue.js组件库。

安装

npm install jianghuizhong-ele-ui

使用方法

完整引入

import Vue from 'vue'
import ElementUI from 'jianghuizhong-ele-ui'
import 'jianghuizhong-ele-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

按需引入

import Vue from 'vue'
import { Button } from 'jianghuizhong-ele-ui'

Vue.component(Button.name, Button)

示例

<template>
  <div>
    <el-button type="primary">主要按钮</el-button>
    <el-select v-model="value" placeholder="请选择">
      <el-option label="选项1" value="1"></el-option>
      <el-option label="选项2" value="2"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  }
}
</script>

特性

• 🎨 基于Element UI 2.15.14
• 🚀 轻量级，按需加载
• 📱 响应式设计
• 🌍 国际化支持
• 🎯 TypeScript支持

版本信息

• 版本: 1.0.3
• Vue版本要求: ^2.5.17
• Node.js版本要求: 14.x+

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建
npm run dist

许可证

MIT License

相关链接

• Element UI 官方文档
• Vue.js 官方文档

常见问题解决

问题：Unknown custom element:

如果遇到 Unknown custom element: <el-button> - did you register the component correctly? 错误，请确保：

1. 正确引入库：

import Vue from 'vue'
import ElementUI from 'jianghuizhong-ele-ui'

Vue.use(ElementUI)

2. 检查构建版本： 确保使用的是最新构建的版本。如果问题持续，可以重新构建：

npm run build:common

3. 检查 Vue 版本： 确保 Vue 版本兼容（推荐 Vue 2.5.17+）

4. 完整示例：

<template>
  <div id="app">
    <el-button type="primary">按钮</el-button>
  </div>
</template>

<script>
import Vue from 'vue'
import ElementUI from 'jianghuizhong-ele-ui'
import 'jianghuizhong-ele-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

export default {
  name: 'App'
}
</script>

构建说明

• npm run dist - 完整构建（包含 lint 检查）
• npm run dist:fast - 快速构建（跳过 lint 检查）
• npm run build:common - 只构建 common 版本（最快）