Komponen v-select tidak menunjukkan pilihan yang dipilih dalam kotak v-select
Saya menghadapi masalah semasa menggunakan komponen v-select. Komponen V-select tidak menunjukkan item yang dipilih... ia menunjukkan pilihan dalam dropdown tetapi selepas memilih ia menunjukkan kosong dalam kotak pilih.
Itulah masalahnya-
Menu lungsur menunjukkan..tetapi tiada apa yang ditunjukkan selepas memilihnya.
Macam ni..kosong.
Ini kod saya
<template>
<div>
<v-select
label="broadcast"
v-model="broadcast_"
:options="broadcasters"
:reduce="(broadcast) => broadcast.id"
>
<template v-slot:option="option">{{ option.name }}</template>
</v-select>
</div>
</template>
<script>
import Vue from "vue";
import vSelect from "vue-select";
Vue.component("v-select", vSelect);
export default {
data() {
return {
broadcasters: [
{
name: "ABC Live",
id: 1,
},
{
name: "Disney",
id: 3,
},
{
name: "24x7 Broadcast",
id: 4,
},
],
broadcast_: "",
};
},
watch: {
broadcast_(val) {
console.log(val); //It prints desire data (i.e broadcast id)
},
},
};
</script>
