woodisco 2023. 10. 22. 16:29

 

if 구문

 

// HTML
<template>
	
  <input type="radio" value="option1" v-model="select">
  <label for="option1">option1</label>

  <input type="radio" value="option2" v-model="select">
  <label for="option2">option2</label>

  <input type="radio" value="option3" v-model="select">
  <label for="option3">option3</label>

  <p v-if="select == 'option1'">option1が選択されました。</p>
  <p v-else-if="select == 'option2'">option2が選択されました。</p>
  <p v-else>option3が選択されました。</p>

</template>

// Javascript
<script setup>

  import { ref } from 'vue'
	
  const select = ref('option1');
  
</script>