vue-assign-model
Automatically assign elements value to model for Vue.js
Installation
$ npm install vue-assign-model
Usage
Vue
Before Vue rendering, value
, checked
or selected
attributes of elements with v-model
is automatically assigned to Vue model.
Example
Text
<!-- mount elements -->
/* assigned model */data: text: 'edit me'
Multiline text
<!-- mount elements -->add multiple lines
/* assigned model */data: textarea: 'add multiple lines'
Checkbox
<!-- mount elements -->
/* assigned model */data: checked: true
Multiple checkboxes
<!-- mount elements -->
/* assigned model */data: checkedNames: "Mike"
Radio
<!-- mount elements -->
/* assigned model */data: picked: "Two"
Select
<!-- mount elements --> Please select one A B C
/* assigned model */data: selected: "C"
Multiple select
<!-- mount elements --> A B C
/* assigned model */data: selectedMultiple: "B" "C"
Other
JSON of data-vue-model
is assigned to Vue model.
<!-- mount elements --> {{ item }}
/* assigned model */data: items: "Foo" "Bar"