Javascript 使用<；将字符串转换为数字；v-edit-dialog>；Vuetify中的组件

我有一个Vuetify

Datatable

，使用

组件进行内联编辑

卡路里列的值是数字，但当我编辑它们时，它们默认转换为字符串，并且我希望它们保持为数字。例如，如果我将冷冻酸奶卡路里从159更改为30，则该值将变成字符串“30”

代码片段

<td>
    <v-edit-dialog
        :return-value.sync="props.item.calories"
        lazy
        @save="save"
    > {{ props.item.calories }}
        <v-text-field
        type="number"
        slot="input"
        v-model.number="props.item.calories"
        label="Edit"
        single-line
        ></v-text-field>
    </v-edit-dialog>
</td> 

{{props.item.carries}

我认为使用

v-model.number

和

type=number

可以解决这个问题，但它仍然在发生

这是一支笔，您可以在其中复制我的问题：

---

v-model.number

将其正确更改为number，但其他内容将其更改回string，可能是

.sync

修饰符。

---

从

中删除
.sync
修饰符：返回值。sync

应该可以工作。

使用

.sync

修饰符有什么原因吗？我很困惑。当我编辑它们时，它们仍然保存为数字？这个问题已经解决了吗？@Traxo这是vuetify文档中示例的一部分。我真的不知道它是干什么的。。。如果删除

.sync

修改器，它对您有效吗？有副作用吗？编辑。可以确认删除

。sync

修复了问题。它可以工作，但我希望有人能解释为什么数字再次变为字符串。我也想知道这一点。。。看起来像个虫子