Как сделать отрисовку блока при условии, что нажат радиобаттон?

Question

[Merle7]

Для опросника есть компонент с template, там идет блок с ответом и есть блок с дополнительным полем для комментария к ответу.Нужно, чтобы по умолчанию блок для комментария не был показан, но вылезал только при выборе радиобаттона с ответом.

Comments

[smilingcheater]

А в чём сложность?
в компоненте добавляете поле для значения радиокнопки, например radioValue, на радиокнопки выставляете v-model="radioValue", на блоке пишете условие v-if="radioValue === 'value'"

Answer 1

[Михаил]

<div id="app">
	<input type="radio" id="one" value="Один" v-model="picked">
	<label for="one">Один</label>
	<br>
	<input type="radio" id="two" value="Два" v-model="picked">
	<label for="two">Два</label>
	<br>
	<span>Выбрано: {{ picked }}</span><br>
	<input type="text" v-if="showComment">
</div>

const vm = new Vue({
	el: "#app",
	data: {
		picked : '',
		showComment: false
	},
	watch: {
		picked (){
			this.showComment = (this.picked == 'Два');
		}
	}
});