Javascript 更改v-model的值并更新v-text-field

我制作了一个小提琴，试图通过代码更改数组的一个值，同时它被用作Vuetify中

v-text-field

的

v-model

问题是，当我在文本字段中写入内容时，它确实会立即正确地更改值，因此我制作了一个按钮来设置特定索引中数组的值，它似乎不起作用，所以我制作了另一个按钮来打印它，它确实起作用

第一个按钮根据我的意愿将值更改为0，但在

v-text-field

中，它仍然具有最后键入的值

按下“重置”按钮时，如何更改

v-text-field

的值

newvue({
el:“#应用程序”，
数据（）{
返回{
型号：[1,2]
}
},
方法：{
重新启动（）{
此.model[0]=0
},
showincole（）{
console.log（“当前值：”，此.model[0]）
}
}
})

模型[0]的更改值
{{model[0]}
重置为0
在控制台中显示当前值

这是一个好消息

基本上，当您直接使用索引设置项时，Vue无法检测到对数组的更改

您应该使用

Vue.$set

restart () {
  this.$set(this.model, 0, 0)
}

是的

基本上，当您直接使用索引设置项时，Vue无法检测到对数组的更改

您应该使用

Vue.$set

restart () {
  this.$set(this.model, 0, 0)
}