Javascript 在表单中具有增量编号的VUEJ

我有输入字段来输入数字

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

我已经试过了，但是没有一个像我想的那样有效

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

及

---

你知道吗？

你的this.verse.number类型是String，所以

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

您应该将verse.number（在

data（）{}

中）的默认值设置为

0

而不是

'

。只需将

编号：''，

更改为

编号：0，

即可

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

---

下一个增量将

1+1=2

etc

尝试this.verse.number=this.verse.number+1；这应该行得通。有关VueJS文档中此签出主题的更多信息，它返回如下：我下次打开时保存

2

是

21

我在数据中更改了编号，保存了编号1，下次打开时仍然是

1

啊，对不起，在线

编号：this.verse.number，//这里

add+1

number:this.verse.number+1

，返回

11

它的意思是，如果this.verse.number类型是字符串，您现在能在data（）中显示行吗？verse:{number:0，函数中

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

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

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