Vue|Vue 遍历集合的时候,怎么在html页面执行函数
今天我遇到一个问题,就是我在遍历集合的时候,后台把数据封装到对象里面,数字那些都在对象里面,我需要自己处理小数点的问题,问题是我要怎么在遍历的时候,处理小数点呢?
问题由来:比如我要像如下的方式来执行自己的函数,KilobitMoneyFormat这个是计算4舍5入的一个方法来着,如果我就这样写会报错
{{ KilobitMoneyFormat(item.todayBalance) }}
改正方法:采用过滤器来做
{{ item.todayBalance | KilobitMoneyFormat }}
【Vue|Vue 遍历集合的时候,怎么在html页面执行函数】js代码
vm= new Vue({
el: '#container',
data:{
nameMoneyFlag_item__flag:'nameMoneyFlag_item__flag',
},
filters:{//如下这样写
KilobitMoneyFormat:function (valueNum) {//valueNum就是我们需要的值
return KilobitMoneyFormat(valueNum);
//返回给前台页面的值
}
}
})
推荐阅读
- 图书集合完毕
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX(Vuex|VueX(Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show