flyer-vue-bootstrap-components v0.0.1

vue-components

Button

<boot-button>Button</boot-button>

set disabled:

<boot-button disabled="true">
  Disabled button
</boot-button>

Table

HTML:

<boot-table :data-list="dataList"></boot-table>

only set data:

axios.get('http://api.example.com').then(resp => {
  this.dataList = resp.data.data;
})

Form

input:

<boot-input id="username" 
            placeholder="Input username" 
            v-model="username"></boot-input>

textarea:

<boot-textarea id="text" 
               placeholder="Input text" 
               v-model="text" 
               rows="5"></boot-textarea>

Modal

HTML:

<boot-modal id="modal-demo" 
            title="Create record" 
            ref="modal">
  ...
</boot-modal>

Open modal:

let modal = this.$refs.modal
modal.show()

Close modal:

let modal = this.$refs.modal
modal.close()