首页 文章

如何在vuetify文本字段中使用掩码？

提问于
浏览 次
9

我正在尝试使用text-field组件的mask属性，如下例所示 . 在视图中，它就像一个魅力，但是，当发布表单时，掩码格式不保留值 .

例如，当我键入“000.000.000-00”时，表单发布的值为“00000000000” . 如何保持格式值？

<v-text-field
  :value="currentValue" 
  @input="handleInput"
  :mask="###.###.###-##"></v-text-field>
vue.js vuetify.js

1 回答

  • 13

    你可以使用 return-masked-value prop

    <v-text-field
    :value="currentValue" 
    return-masked-value
    mask="###.###.###-##"
    @input="handleInput"
></v-text-field>

    请注意，当前在 v0.17 there is a bug中返回未屏蔽的初始值 .

    回复于

相关问题