vue中自定义过滤器的代码实现
程序员文章站
2022-04-04 19:34:14
...
本篇文章给大家带来的内容是关于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中自定义过滤器的代码实现的详细内容,更多请关注其它相关文章!
上一篇: JS如何将颜色的10进制转化成rgba格式详细教程
下一篇: php如何去除字符串中的第一个字符
推荐阅读
-
vue.js通过自定义指令实现数据拉取更新的实现方法
-
JavaScript中的星星评分效果的实现代码分享
-
php中通过curl模拟登陆discuz论坛的实现代码_PHP教程
-
vue如何实现监听路由的代码
-
php中多维数组按指定value排序的实现代码_PHP
-
PHP中输出转义JavaScript代码的实现代码_PHP教程
-
Android实现自定义加载框的代码示例
-
微信小程序中如何实现假数据评论的功能(完整代码)
-
Spring boot + mybatis + Vue.js + ElementUI 实现数据的增删改查实例代码(一)
-
自定义的Troop
泛型类( c++, java和c#)的实现代码