Vue filters()过滤器的使用用法

375 阅读1分钟

在项目中,显示“价格”时不需要显示整数,而是需要显示后两位小数点,即角、分,同时加上人民币¥符号。

局部过滤器:

HTML:

{{ item.price | ShowPrice }} 

JS:

filters:{

       ShowPrice(price){
return '¥' + price.toFixed(2)   //将整数转换为字符串,保留两位小数
}}