выберите значение, а затем отправьте форму с помощью vue.js

Question

Моя проблема в том, что когда я выбираю входное значение, а затем отправляю форму, мое answer значение из формы становится пустым в answer.php - $_POST['answer'] вот мой HTML-код:

<form action="answer.php" ref="send" method="post" class="container">
<h1><?= $question['Question']; ?></h1>
<input type="hidden" name="id" value="<?= $question['ID']; ?>">
<div class="custom-control custom-radio" v-on:click="demo">
    <input type="radio" id="answer1" name="answer" class="custom-control-input" value="1" v-model="answer">
    <label class="custom-control-label" for="answer1"><?= $question['Answer1']; ?></label>
</div>
<div class="custom-control custom-radio">
    <input type="radio" id="answer2" name="answer" class="custom-control-input" value="2" v-model="answer">
    <label class="custom-control-label" for="answer2"><?= $question['Answer2']; ?></label>
</div>
<div class="custom-control custom-radio">
    <input type="radio" id="answer3" name="answer" class="custom-control-input" value="3" v-model="answer">
    <label class="custom-control-label" for="answer3"><?= $question['Answer3']; ?></label>
</div>
</form>

и вот мой код Vue:

new Vue({
    el: '#app',
    data: {
        answer: 0,
    },
    methods: {
        demo() {
            this.answer = 1;
        },
    },
    watch: {
        answer(val) {
            this.$refs.send.submit();
        },
    },
});

Форма отправлена, как будто я никогда не выбирал ничего из формы, нет answer. Что я делаю не так?

ОБНОВЛЕНИЕ: Я имею в виду, когда кто-то щелкает внутри div, но НЕ в самом тексте. В «белом» пространстве в div. Вот когда у меня возникла проблема, и я хочу, чтобы они могли кликать по div и выбирать ответ, а не только по тексту.

В приведенном ниже GIF вы можете увидеть 1 это значение answer и demo123 это значение id, и когда я нажимаю переключатель, вы можете увидеть их изменения до отправки формы , но вы также можете видеть, что при загрузке answer.php значение id равно value (значение по умолчанию), и значение answer не найдено.

Answer 1

Мне удалось заставить его работать с помощью этого кода

methods: {
    demo() {
        this.$refs.send[1].checked = true;
        this.$refs.send.submit();
    },
},

Итак, когда кто-то нажал на div первый переключатель, который был выбран, а затем форму, которую он отправил. Если у кого-то есть лучшее решение, пожалуйста, дайте мне знать! спасибо!