# 全部引入

npm install wl-element --save

import WlElement from '../wl-element'
Vue.use(WlElement, {
  tableConfig: {
    stripe: true,
    border: true,
    highlightCurrentRow: true
  },
  selectConfig: {
    filterable: true,
    clearable: true,
    'default-first-option': true
  },
  inputConfig: {
    clearable: true,
    trim: true,
  },
  pageConfig: {
    background: true,
    layout: 'total, sizes, prev, pager, next, jumper',
    'page-sizes': [10, 50, 100, 400],
    pageSize: 50
  },
  formConfig: {
    'label-position': 'right',
    'label-width': '120px',
    'label-suffix': ':'
  },
  dateConfig: {
    format: 'yyyy-MM-dd',
    clearable: true,
    'value-format': 'yyyy-MM-dd',
    'range-separator': '至',
    'start-placeholder': '开始日期',
    'end-placeholder': '结束日期',
    placeholder: '请选择日期'
  }
})

注意以上配置上都是全局配置, 你可根据业务需要自行配置相关的element-ui的相关组件的属性,比如element-uiel-tableborder属性默认是false你的业务中产品经理希望默认是true,就可以在此处设置tableConfig中的border属性为true,这样你使用wl-table默认border属性为true