参考: https://www.cnblogs.com/liujn0829/p/8622960.html
https://blog.csdn.net/z8735058/article/details/76824548
一、单个过滤器
参考 https://cn.vuejs.org/v2/guide/filters.html
二、多个过滤器
- 新建dfilter.js文件
const dfilters = { addZeroTwo: function(value) { var value = Math.round(parseFloat(value) * 100) / 100; //注: 一定要用var声明,let会报错 var arr = value.toString().split(‘.‘); if (arr.length === 1) { return value.toString() + ‘.00‘; } else { if (arr[1].length === 1) { return value.toString() + ‘0‘; } } },addZeroOne: function(value) { var value = Math.round(parseFloat(value) * 100) / 100; var arr = value.toString().split(‘.‘); if (arr.length === 1) { return value.toString() + ‘.0‘; } else { if (arr[1].length === 1) { return value.toString() + ‘0‘; } } } } export default dfilters;
- 在main.js中引入并注册(在new Vue前注册)
import dfilters from ‘../static/js/dfilters‘; for (let key in dfilters) { Vue.filter(key,dfilters[key]); }
- 在组件中使用
<span>原价:¥{{shopgoods.gprice|addZeroTwo}}</span>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。