本篇文章给大家带来的内容是关于vue中自定义过滤器的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
不多说 直接上代码
新建filter.js文件 如:
// 金额 分 --> 元
exports.fen_yuan = (value) => {
let tmp = Number(value) || 0
// tmp = parseInt(tmp, 10);
tmp /= 100
return tmp.toFixed(2)
}**.vue文件中
<script>
import * as filter from '@/util/filter'
import { mapState } from 'vuex'
import { Toast } from 'mint-ui'
export default { // 支付页面
name: 'partyDuesPay',
filters: filter,
data() {
return {}
}
}
</script>template中
<div class="moneyAmount"><span>¥</span>{{partyInfo.totalPayAmt | fen_yuan}}</div>相关推荐:
使用模板与程序分离的方式构建,依靠专门设计的数据库操作类实现数据库存取,具有专有错误处理模块,通过 Email 实时报告数据库错误,除具有满足购物需要的全部功能外,成新商城购物系统还对购物系统体系做了丰富的扩展,全新设计的搜索功能,自定义成新商城购物系统代码功能代码已经全面优化,杜绝SQL注入漏洞前台测试用户名:admin密码:admin888后台管理员名:admin密码:admin888
0
立即学习“前端免费学习笔记(深入)”;
以上就是vue中自定义过滤器的代码实现的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号