Vuejs, имеющие номера приращения в формах
У меня есть поле ввода для ввода чисел
<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,
...
есть идеи?
У вопроса есть решение - Посмотреть?

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

Источник
Ответы - Vuejs, имеющие номера приращения в формах / Vuejs having increment numbers in forms
Является ответом!

07.01.2020 03:57:31
Твое это.стих.тип номера-строка, так
this.verse.number + 1 // ''+ 1 = '1'
Вы должны установить значение стиха по умолчанию.number( in data() {}
) to 0
insteed ''
. Просто измените number: '',
на number: 0,
и оно будет
this.verse.number + 1 // 0 + 1 = 1
А следующее приращение будет 1 + 1 = 2
и т. д

я изменил свой номер в data, и сохранил номер 1, в следующий раз, когда я открыл все еще был
1

Можете ли вы Показать ответ на ваш запрос?

ах, извините, а на линии
number: this.verse.number, // here
добавим +1 number: this.verse.number + 1
,

.возвращение
11

Это действительно означает, что это ваше.стих.тип номера-String, можете ли вы теперь показать свою строку в data ()?


вот gif который я записал ibb.co/tmf3fTf

Давайте продолжим эту дискуссию в чате .
Помочь в развитии проекта: