Я в vue новичок, прошу помощи: как сделать так, чтобы при переключении радиобаттонов появлялось поле комментария только для конкретного,выбранного радиобаттона, а вылезшие поля для других радиобаттонов исчезали?
Вот сам виджет
https://zweitesherz.github.io/widget/index.html
Vue.component('response-comment', {
props: ['value','id','type'],
data() {
return {
showComment: false,
picked: null
}
},
watch: {
picked (){
this.showComment = (this.picked);
}
},
template: `<div class="form_radio">
<input v-model="picked" :id="id" :type="type" name="radio" :value="value" :picked = "picked" onchange="document.getElementById(\'submit\').disabled = !this.checked;">
<label :for="id">{{ value }}</label>
//Вот поле комментария
<label :for="id" class="comment" v-if="showComment">
<p>Введите комментарий</p>
<textarea class="form-control"></textarea>
</label>
</div>`
});
new Vue({
el: '#firepool',
data: {
}
})
