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

问题描述 投票:10回答:1

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

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

<v-text-field
  :value="currentValue" 
  @input="handleInput"
  :mask="###.###.###-##"></v-text-field>
vue.js vuetify.js
1个回答
18
投票

你可以使用return-masked-value道具

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

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

© www.soinside.com 2019 - 2024. All rights reserved.