Vuejs, имеющие номера приращения в формах

07.01.2020 03:42:14 Просмотров 76 Источник

У меня есть поле ввода для ввода чисел

<input type="text" class="form-control" id="validationTooltip01" v-model="verse.number" required>

Я хотел бы увеличить это число после сохранения его в базе данных.

Пример

Я ввожу 1и сохраняю свою форму, в следующий раз, когда я открываю свою форму, число будет 2вместо того, чтобы я должен был вводить его каждый раз.

Код

data() {
    return {
        verse: {
            number: '',
            heading: '',
            body: '',
            book_id: '',
            chapter_id: '',
        }
    }
},
submit: function(e) {
    axios.post('/my_url', this.verse)
    .then(res => {
        this.isLoading = false;
        $('#exampleModal').modal('toggle');
        this.getVerses.push( res.data.verse );
        this.verse = {
            number: this.verse.number, // here
            heading: '',
            body: '',
            book_id: this.verse.book_id,
            chapter_id: this.verse.chapter_id,
        };
    })
    .catch(error => {
        // handle authentication and validation errors here
        this.errors = error.response.data.errors
        this.isLoading = false
    })
}

Я уже пробовал их но ни один не работал так как я хотел,

this.verse = {
  number: this.verse.number +=1,
  ...

this.verse = {
  number: this.verse.number +1,
  ...

есть идеи?

У вопроса есть решение -

https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms#comment105405141_59620759

Попробовать это.стих.число = это.стих.число + 1; это должно сработать. Для получения дополнительной информации об этом разделе Проверка реактивности в VueJS doc.

Источник