NuxtJs получают значение из ввода, измененного jquery

Question

У меня есть входные данные, скрытые в nuxtjs, и обновление значения с помощью jquery после получения запроса от URL, я написал эту часть с помощью jq, но похоже, что nuxtjs не читается и получает значение, установленное с помощью jquery, оно уже возвращает null после отправки, но я хочу получить значение, установленное jq. Но если я пишу на вводе, он работает нормально и возвращает значение, но я хочу вернуть значение при загрузке страницы без какого-либо нажатия пользователем клавиши.

NuxtJs:

<input v-model="requestObj.case" name="case" type="text" value="" id="ServiceCase"/>

data() {
    return {
        requestObj: {
            case: null,
        },
    }
}

methods: {
sendMail() { // this call when form submit
console.log(this.requestObj.case) // return null
}
}

jQuery:

Мне удалось обновить value только на jq

$('#ServiceCase').val(s).attr('value',s).change();

Вывод:

<input name="case" type="text" value="Burglary" id="ServiceCase">
console: null

Желаемый выход:

<input name="case" type="text" value="Burglary" id="ServiceCase">
console: Burglary

Answer 1

Вам просто нужно установить начальное значение в модели, а не в HTML. И не используйте JQuery. Например,

data() {
    return {
        requestObj: {
            case: 'Bulgaria',
        },
    }
}