vue2pro_element

支持jsx的table/form封装,可通过json全部生成
1,017 2
jsx json vue2 elementui pro-table pro-form vue2jsx pro-element pro-elementui
Install
npm install vue2pro_element
Latest Version:2.0.8
Vue:2
Last Updated:Jul 13, 2023
Links: GitHub  ·  npm
Maintainer: frankcou

vue2pro_element

支持 jsx 的 table/form-item/table-column 封装,可通过 json 全部一次性生成。 项目没有进行打包，各位随便下载使用。

背景

  1. 由于 vue2 无法通过配置控制 vnode 内容，导致自由度大大降低，特此写了个这样的基于 jsx 的框架，方便配置使用。
  2. elementUI 的组件都是原子组件，无法批量应用到管理后台，所以在此基础上多做了一层封装。

安装与使用

npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props vue2pro_element

  • babel.config.js:

    module.exports = {
  presets: ["@vue/babel-preset-jsx"],
};

  • main.js

    import "element-ui/lib/theme-chalk/index.css";
import ProElement from "vue2pro_element";
import ElementUI from "element-ui";

Vue.use(ElementUI, { size: "small" });
Vue.use(ProElement);

项目使用示例

列表 https://github.com/frankcou/vue2pro_element/tree/master/src/test/list.vue

详情/新增/编辑 https://github.com/frankcou/vue2pro_element/tree/master/src/test/detail.vue

项目用到 jsx, elementUI

jsx-vue2 的使用方法

相关组件及文档

文档地址：https://github.com/frankcou/vue2pro_element.git

项目运行/开发


vue run serve

Related Packages

@aspire-ui/element-component-pro

Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAd...

7,226
pro-form pro-table component-library element-ui vben-admin vue
yc-generate-config-component

洋铲Vue配置化组件生成器

4,410
json vue2 vue3 yc-generate-config-component 戴向天 洋铲工作室
qing-element-world-area

Element UI 世界地图国家和地区数据（含港澳台）

402 0
elementui vue2 element element-ui vue 世界地图
plugin-auto-script-jsx

auto set script lang='jsx' when you use jsx

180
jsx vue2 plugin script vite vue3
@aspire-ui/element-plus-pro

Element Plus 二次封装组件库，基于 Vue 3 + TypeScript + setup 语法糖，实现 VbenAd...

0
pro-form pro-table component-library element-plus vben-admin vue3

Version History

Version Released Vue License
2.0.8 ^2.6.11
2.0.7 ^2.6.11
2.0.6 ^2.6.11
2.0.5 ^2.6.11
2.0.4 ^2.6.11
Pre-releases (1)
Version Released Vue License
2.0.1-alpha ^2.6.11