ラジオボタンの切り替えができない
Q&A
解決したいこと
ラジオボタンの切り替えができません。
該当するソースコード
RegistrationModal.ts
<script>
const {
selectedPriority,
showPriority,
isPrinterEdit
} = usePrinterRegistrationModal()
</script>
<template>
<div class="flex flex-x-between flex-y-center">
<div v-if="showPriority">
<div class="ml-10">
<span class="fz-16">test</span>
</div>
<div class="form-radio flex">
<input
id="radio1"
v-model="selectedPriority"
type="radio"
name="priority"
value="優先"
:disabled="isPrinterEdit"
/>
<label for="radio1" class="fz-16">test1</label>
<input
id="radio2"
v-model="selectedPriority"
type="radio"
name="priority"
value="予備"
:disabled="isPrinterEdit"
/>
<label for="radio2" class="fz-16">test2</label>
</div>
</div>
</div>
</template>
useRegistrationModal.ts
<script>
const {
selectedPriority,
showPriority
isPrinterEdit,
} = storeToRefs(Stores.optionEquipmentPrinter())
useRegistrationStore.ts
<script>
const useRequestDetailOptionEquipmentPrinterStore = defineStore(
'useRequestDetailOptionEquipmentPrinter',
{
state: (): State => ({
selectedPriority: '優先',
isPrinterEdit: false,
}),
actions: {
setSelectedPriority(priority: string | null) {
this.$patch({
selectedPriority: priority,
})
},
},
}
)
(以下省略)
</script>
自分で試しこと
ウォチャーで値の変化を確認
そもそもログに出力されなかった
<script>
// ウォッチャーを追加
watch(selectedPriority, (newValue) => {
console.log('selectedPriority changed:', newValue)
selectedPriority.value = newValue
})
</script>
0
