Vue.js v-货币如何从模型值中删除符号?
我正在为vuetify使用v-currencyVue.js v-货币如何从模型值中删除符号?,vue.js,vuetify.js,Vue.js,Vuetify.js,我正在为vuetify使用v-currency <v-text-field v-model.trim="$v.service.manual_cost_per_slot.$model" v-currency="{ currency: service.currency, locale: locale,
<v-text-field
v-model.trim="$v.service.manual_cost_per_slot.$model"
v-currency="{
currency: service.currency,
locale: locale,
allowNegative: false,
masked: false
}"
:label="$t('service.manual_cost_per_slot')"
class="purple-input"
/>
该值与货币符号和千位分隔符一起保存到模型中。
我怎样才能避免这种情况?我想要实现的是仍然在表单上看到符号和分隔符,但是模型中的值应该是一个没有符号或分隔符的数字。我确信我在这里遗漏了一些明显的东西…正如模块的开头所说:
。。。v货币
指令总是发出格式化字符串而不是数字
与v型一起使用时的值。要获取数值,可以使用
那一页上有一张纸。如果希望解析的值不带符号,请使用numberValue computed属性:
从“vue货币输入”导入{CurrencyDirective,parseCurrency}
导出默认值{
指令:{
货币:货币指令
},
数据:=>{
价值:‘$1234.50’,
地区:'en',
货币:美元
},
计算:{
选择权{
返回{
locale:this.locale,
货币:这个
}
},
数值{
返回parseCurrencythis.value,this.options
//或者使用实例方法:
//返回此。$parseCurrencythis.value,this.options
}
}
}
好的,正如模块的第一部分所说:
。。。v货币
指令总是发出格式化字符串而不是数字
与v型一起使用时的值。要获取数值,可以使用
那一页上有一张纸。如果希望解析的值不带符号,请使用numberValue computed属性:
从“vue货币输入”导入{CurrencyDirective,parseCurrency}
导出默认值{
指令:{
货币:货币指令
},
数据:=>{
价值:‘$1234.50’,
地区:'en',
货币:美元
},
计算:{
选择权{
返回{
locale:this.locale,
货币:这个
}
},
数值{
返回parseCurrencythis.value,this.options
//或者使用实例方法:
//返回此。$parseCurrencythis.value,this.options
}
}
}
什么是v货币?Vuetify没有此指令。给我们模块的链接。这应该help@AneesHameed非常感谢,的确是这样。很抱歉问了这个愚蠢的问题,我不知道我怎么会错过它。。。多谢了,什么是v货币?Vuetify没有此指令。给我们模块的链接。这应该help@AneesHameed非常感谢,的确是这样。很抱歉问了这个愚蠢的问题,我不知道我怎么会错过它。。。非常感谢,非常感谢,的确是这样。很抱歉问了这个愚蠢的问题,我不知道我怎么会错过它。。。非常感谢,非常感谢,的确是这样。很抱歉问了这个愚蠢的问题,我不知道我怎么会错过它。。。谢谢