I am seeking guidance on how to display different components based on the selected option. I am unsure of how to write the code for displaying either component one or two. Can you provide any examples or references that may help?
<template>
<div class="col-md-3 md-form mr-2">
<i class="fa fa-envelope prefix grey-text"></i>
<label class="font-weight-light mb-2">Component</label>
<select v-model="comp" class="form-control">
<option value="">Select your component to show</option>
<option value="">Show component 1</option>
<option value="SentenceSelected">Show component 2</option>
</select>
</div>
</template>
import SuspensionSelected from '../precautonary/mix/SuspensionSelected'
import SentenceSelected from '../precautonary/mix/SentenceSelected'
export default {
name: "PrecautionCreate",
components: {
SuspensionSelected,
SentenceSelected
},
data: () => ({
selectedyear: '',
selectedcause:'',
comp: ''
})
};