Vue. v-文本字段/v-模型

oyxsuwqo 于 2022-12-04 发布在 Vue.js

关注(0)|答案(1)|浏览(186)

我有问题的一个领域的形式，在那里我使用坐标。我有2个领域：纬度和长度。每次当我改变其中一个，他们自动保存更改之前，我按提交按钮。可能是问题的v模型。我试图使用v绑定，但不幸的是问题仍然存在。

This is my example for latitude: 

`<v-text-field
  v-model:attribute="address.coordinates.lat"
  :label="$t('dialog.label.latitude')"
  :rules="coordinatesRules"
  step="0.010"
  type="number"`

`
And length:

`<v-text-field
  v-model:attribute="address.coordinates.len"
  :label="$t('dialog.label.len')"
  :rules="coordinatesRules"
  step="0.010"
  type="number"`
`

vue.js

来源：https://stackoverflow.com/questions/74633314/vue-v-text-field-v-model

1条答案

按热度按时间

iq3niunx1#

要防止lat和len字段的值被自动保存，可以在v-model指令上使用lazy修饰符。这将导致只有当v-model指令中指定的输入事件被触发时（例如change或blur事件），这些值才会被更新。
以下是如何在代码中使用lazy修饰符的示例：

<v-text-field
  v-model.lazy="address.coordinates.lat"
  :label="$t('dialog.label.latitude')"
  :rules="coordinatesRules"
  step="0.010"
  type="number"
/>

<v-text-field
  v-model.lazy="address.coordinates.len"
  :label="$t('dialog.label.len')"
  :rules="coordinatesRules"
  step="0.010"
  type="number"
/>

在本例中，lat和len字段的值只有在v-model指令（例如change或blur）指定的输入事件被触发时才会更新。这将防止这些值在发生更改时自动更新。
请记住，lazy修饰符只能与v-model指令一起使用，不能与v-bind指令一起使用。如果要使用v-bind指令，则需要使用不同的方法来防止自动保存值。

赞(0）回复(0）举报 2022-12-04

我来回答

Vue. v-文本字段/v-模型

1条答案

相关问题

热门标签

最新问答