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

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

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

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

<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.

Ответы - Vuejs, имеющие номера приращения в формах / Vuejs having increment numbers in forms

Является ответом!
Andrey Kadnikov

07.01.2020 03:57:31

Твое это.стих.тип номера-строка, так

this.verse.number + 1 // ''+ 1 = '1'

Вы должны установить значение стиха по умолчанию.number( in data() {}) to 0insteed ''. Просто измените number: '',на number: 0,и оно будет

this.verse.number + 1 // 0 + 1 = 1

А следующее приращение будет 1 + 1 = 2и т. д

https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405219_59620861
я изменил свой номер в data, и сохранил номер 1, в следующий раз, когда я открыл все еще был 1
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405244_59620861
Можете ли вы Показать ответ на ваш запрос?
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405252_59620861
ах, извините, а на линии number: this.verse.number, // hereдобавим +1 number: this.verse.number + 1,
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405267_59620861
.возвращение 11
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405283_59620861
Это действительно означает, что это ваше.стих.тип номера-String, можете ли вы теперь показать свою строку в data ()?
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405300_59620861
в data () verse: { number: 0,в функции this.verse = {number: this.verse.number +1,
https://stackoverflow.com/questions/59620759/vuejs-having-increment-numbers-in-forms/59620861#comment105405308_59620861
вот gif который я записал ibb.co/tmf3fTf
Закрыть X