没有值的VueJs单选按钮打开所有单选输入元素

<template>
  <div>
    <input type="radio" id="option1" value="option1" v-model="selectedOption">
    <label for="option1">Option 1</label>
    <br>
    <input type="radio" id="option2" value="option2" v-model="selectedOption">
    <label for="option2">Option 2</label>
    <br>
    <input type="radio" id="option3" value="option3" v-model="selectedOption">
    <label for="option3">Option 3</label>
    <br>
    <input type="text" v-if="selectedOption === 'option1'" placeholder="Input for Option 1">
    <input type="text" v-if="selectedOption === 'option2'" placeholder="Input for Option 2">
    <input type="text" v-if="selectedOption === 'option3'" placeholder="Input for Option 3">
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    };
  }
};
</script>