ele-shawn

element-ui再封装

Usage no npm install needed!

<script type="module">
  import eleShawn from 'https://cdn.skypack.dev/ele-shawn';
</script>

README

element再封装组件

ele-shawn 简介

结合实际业务需求,对element-ui组件的再封装。

使用方式

组件依赖于element-ui,需要在element-ui引入之后再挂载到vue上。

全局引用示例

// src/main.js中
import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
/** css上依赖于element-ui */
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

/** 
js上要在Vue.use(ElementUI);之后,再Vue.use(EleShawn)
*/
import EleShawn from 'ele-shawn'
Vue.use(EleShawn)

new Vue({
  render: h => h(App),
}).$mount('#app')

按需加载示例

// src/main.js中
import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
/** css上依赖于element-ui */
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

/** 
js上要在Vue.use(ElementUI);之后,再Vue.use(EleShawn)
*/
import { CityCascader } from 'ele-shawn'
Vue.use(CityCascader)

new Vue({
  render: h => h(App),
}).$mount('#app')