[공부] 프로그래밍/Vue.js
if 구문
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>