Question

嗨，我在vuetifyjs中的v文本字段的属性'mask'遇到了问题，

例如，遮罩=“ #####-######-######”，样式=“ text”，一切都很好，直到我使用Backspace，它只是删除了几个字符，然后光标跳到第一位，这对我和使用产品的人来说都是冒犯的。

我该如何解决这个问题

这部影片是一样的： https://www.dropbox.com/s/usmbwz6xhxjlfuy/2017-12-15_02-35-27.mp4?dl=0

    <div id="app">
  <v-app>
    <v-layout row>
      <v-flex xs12 md3>
        <v-text-field 
          id="example"
          name="example" 
          v-model.trim="form.example"
          mask="#####-######-#####"
          type="text"
          label="Backspace"
          class="ma-3"
        >
        </v-text-field>
      </v-flex>
    </v-layout>
  </v-app>
</div>

new Vue({
  el: '#app',
  data: () => ({
    form: {
      example: ''
    }
  })
})

https://codepen.io/hsgsneiger/pen/LBbdJw

谢谢！

Answer 1

仅在输入慢速键时发生
这是一个错误，我认为它尚未修复
https://github.com/vuetifyjs/vuetify/issues/2797

Answer 2

示例：使用面具：电话

<v-text-field
    label="Mobile Number"
    mask="phone"
 ></v-text-field>

在vuetify.js中使用v-text-field的属性掩码时出现错误？

2 个答案: