Vue.js 如何重置v-money表单字段

Vue.js 如何重置v-money表单字段,vue.js,vuetify.js,Vue.js,Vuetify.js,在我的vuetify v-form中,我有一些字段可以插入货币值,在这些字段中我使用v-money来屏蔽插入的值,但是当我尝试使用“.reset()”或通过在函数末尾设置值来重置表单时,这些值不会重置 我可以用什么其他方法重置这些字段 代码如下 <v-col cols="6"> <v-text-field v-model="value1" v-money="money" refs='value1' :ru

在我的vuetify v-form中,我有一些字段可以插入货币值,在这些字段中我使用v-money来屏蔽插入的值,但是当我尝试使用“.reset()”或通过在函数末尾设置值来重置表单时,这些值不会重置

我可以用什么其他方法重置这些字段

代码如下

<v-col cols="6">
    <v-text-field
        v-model="value1" 
        v-money="money"
        refs='value1'
        :rules="baseRules"
        label="gross value"
    ></v-text-field>
</v-col>
<v-col cols="6" v-if='reset'>
    <v-text-field
        v-model="value2" 
        v-money="money"
        :rules="baseRules"
        label="net value"
    ></v-text-field>
</v-col>

data: () => ({
    valid: true,
    value1: '',
    value2: '',
    money: {
        decimal: ',',
        thousands: '.',
        prefix: '$ ',
        precision: 2,
        masked: false
    },
}),
methods: {
    reset () {
      this.$refs.myFormRef.reset()
      this.value1 = ''
      this.value2 = 0
    },

数据:()=>({
有效:对,
值1:“”,
值2:“”,
金钱:{
十进制:',',
千人:",,
前缀:“$”,
精度:2,
蒙面:假
},
}),
方法:{
重置(){
这是.$refs.myFormRef.reset()
this.value1=“”
此值为0.2=0
},
我也尝试了下面的代码,但没有成功。

v-money指令恐怕与Vuetify的输入不兼容


这比重置问题更糟糕。如果你检查你的值,你会看到它实际上是屏蔽字符串(比如“$123.456,01”),而不是数字(123456.01).

是的,我使用了一个示例,我将在op中链接该示例,但它也不起作用。或者可能是我在尝试时实现了错误。可能是与$ref有关,因为我的for组件有一个ref,而我的字段有另一个ref。我的示例是错误的,因为我没有正确加载指令。因为v-money没有激活,所以没有无问题:p我更新了我的答案是的,所以我真的不知道该怎么做。也许我会更改库。是否还有其他vuetify友好的掩码库?我认为这些应该可以工作:如果您想要所有类型的掩码或仅用于货币