首页 > 解决方案 > 在自定义 vuetify 组件中使用 v-mask 时出错

问题描述

V-mask 在 vuetify v-text-field 组件中不起作用。显然它会与 v-model 产生一些冲突

通过申请这个表格。$Refs.form.resetValidation() 和这个。$refs.form.reset() v-model 变量不重置

<template>
    <v-text-field
        v-model="value" 
        v-mask="mask"/>  
</template>

<script>
    import createNumberMask from 'text-mask-addons/dist/createNumberMask';

    const number = createNumberMask({
        prefix: '',
        includeThousandsSeparator: true,
        thousandsSeparatorSymbol: '.',
    });

    data: () => ({
           mask = "number"
        }),

</script>

问题是没有应用掩码。

标签: vue.jsvuetify.js

解决方案


推荐阅读