david-elements v0.2.5

david-elements v0.2.4

A UI plug-in library based on Vue secondary encapsulation is based on elementui

Installation

Using npm: Inline npm i --save david-elements

Use In Vue Application

Global import main.js

    import DavidElements from 'david-elements'
    import 'david-elements/lib/david-element.css'
    Vue.use(DavidElements)

Load components on demand main.js

import DavidElements from 'david-elements'
import 'david-elements/lib/david-element.css'
const { DvTable, DvForm, DvCropper, DvDialog, DvTransfer, DvUpload } = DavidElements;
Vue.use(DvTable)
Vue.use(DvForm)
Vue.use(DvCropper)
Vue.use(DvDialog)
Vue.use(DvTransfer)
Vue.use(DvUpload)

example: HelloWorld.vue

<template>
  <div>
    <dv-table></dv-table>
    <dv-form></dv-form>
    <dv-cropper></dv-cropper>
    <dv-dialog></dv-dialog>
    <dv-transfer></dv-transfer>
    <dv-upload></dv-upload>
  </div>
</template>

Documents

params and method config in component

• DvTable

Attributes

tableOptions

• height: Number
• border: Boolean
• isSelection: Boolean
• showSelect: Function
• isIndex: Boolean
• indexMethod: Function

columns: Array

• { prop: 'the prop name bind of tableData prop', label: 'show name'}

columnsOptions

• align: Boolean

• DvForm
• DvCropper
• DvDialog
• DvTransfer
• DvTransfer
• DvUpload

Warning: do not use during the test phase