vue过滤器 实现价格保留两位小数

Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式

在双括号中

{
     {
      message | capitalize }}

在v-bind中

<div v-bind:id="rawId | formatId"></div>

可以在组件中自定义本地过滤器

fliters:{
     
	capitalize(value){
     
		let newVal = parseFloat(value).toFixed(2)
		return newVal
	}
}
//在花括号中这样使用    message会被当作capitalize中的参数  就是value
{
     {
     message|capitalize}}

你可能感兴趣的:(vue,vue.js)