mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-22 10:30:34 +03:00
223f3a6d85
commit8c3a1b107bAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Fri Jul 15 09:57:37 2022 -0700 bump to vitepress 1.0.0-alpha.4 commit96ff08406cAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Wed Feb 23 10:25:36 2022 -0800 vitepress wip mostly working, feeling like vuepress should still be considered commitf3e22e0439Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:18:30 2022 -0800 remove yarn, rename readme commit8cd3bbeb51Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:17:22 2022 -0800 install vitepress
29 lines
596 B
Vue
29 lines
596 B
Vue
<template>
|
|
<v-select v-model="selected" :options="books" label="title">
|
|
<template #selected-option="{ title, author }">
|
|
<div style="display: flex; align-items: baseline">
|
|
<strong>{{ title }}</strong>
|
|
<em style="margin-left: 0.5rem"
|
|
>by {{ author.firstName }} {{ author.lastName }}</em
|
|
>
|
|
</div>
|
|
</template>
|
|
</v-select>
|
|
</template>
|
|
|
|
<script>
|
|
const book = {
|
|
title: "Old Man's War",
|
|
author: {
|
|
firstName: 'John',
|
|
lastName: 'Scalzi',
|
|
},
|
|
}
|
|
export default {
|
|
data: () => ({
|
|
books: [book],
|
|
selected: book,
|
|
}),
|
|
}
|
|
</script>
|