vue中自定义过滤器的代码实现
程序员文章站
2022-03-15 10:01:27
...
本篇文章给大家带来的内容是关于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>
相关推荐:
以上就是vue中自定义过滤器的代码实现的详细内容,更多请关注其它相关文章!