mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-17 02:29:37 +03:00
Jeff Sagal
201e135964
- separate environment for developing docs - clear out discarded couscous files - start converting docs markdown
16 lines
957 B
Markdown
16 lines
957 B
Markdown
### Two-Way Value Syncing
|
|
|
|
The most common use case for vue-select is being able to sync the components value with a parent component. The `value` property supports two-way data binding to accomplish this. The `.sync` data-binding modifier is completely optional. You may use `value` without a two-way binding to preselect options. Here we have preselected 'Canada' by setting `syncedVal: 'Canada'` on the parent component. The buttons below demonstrate how you can set the `value` from the parent. Current value: <v-code>{{ syncedVal }}</v-code>
|
|
|
|
<div class="form-group">
|
|
`<v-select v-model="syncedVal" :options="countries"></v-select>`
|
|
</div>
|
|
<div class="form-group">
|
|
<v-select v-model="syncedVal" :options="countries"></v-select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<button @click="syncedVal = 'United States'" class="btn btn-default">Set to United States</button>
|
|
<button @click="syncedVal = 'Canada'" class="btn btn-default">Set to Canada</button>
|
|
</div>
|