🔰
vue: v-select, v-if
v-select
scriptでは:
<script setup lang="ts">
import { ref } from 'vue';
// 選択中の値
const selected = ref<string>();
// リストの値
const relational = [
{ title: 'name1', value: 'a' },
{ title: 'name2', value: 'b' },
{ title: 'name3', value: 'c' },
];
</script>
templateでは:
<v-select
v-model="selected"
item-title="title"
item-value="value"
:items="relational"
></v-select>
v-if
簡単だ。
<div v-if="selected === 'a'">内容</div>
Read More
Discussion