vue定义一个全局价格处理函数
2017-08-09 15:48
274 查看
分享一个vue的全局函数的常见用法,这里讲解一个价格处理的函数
JS代码
HTML代码
通过定义Vue的全局函数,就可以在任何地方使用了,很方便。
JS代码
import Vue from 'vue' Vue.prototype.highlight = function (value) { // 设置价格过滤方法 var _val; if (typeof value === 'undefined') { return } value = Number(value).toFixed(2); if (value === 0) { value = 0 return '<span>0</span>' } else if (value.split('.')[1].substring(1) === 0) { value = Number(value).toFixed(1) } _val = value.split('.') return '<span class="price-title">¥</span><span class="price-title-before" style="font-size:14px">' + _val[0] + '</span><span class="price-title-after">.' + _val[1] + '</span>' }
HTML代码
<span>合计</span><span v-html="highlight("你传入的价格")"></span>
通过定义Vue的全局函数,就可以在任何地方使用了,很方便。
相关文章推荐
- Vue中如何定义一个全局变量(Trick)
- vue中多次调用同一个定义全局变量方法
- 如果已经在一个类中定义了全局函数,在其它类文件中如何调用它?
- vue全局插件的一次载入和全局函数的定义
- 在vue中多次调用同一个定义全局变量的实例
- 浅谈在vue项目中如何定义全局变量和全局函数
- c++中定义一个全局变量,子函数修改变量后,主函数没有改变问题
- C#调用参数为函数指针的API函数 - 以SetUnhandledExceptionFilter为例编写一个全局异常处理程序
- Vue中如何定义全局函数
- 在vue项目中 如何定义全局变量 全局函数
- vue 定义全局函数
- 模板类成员函数的定义和声明为什么要放在一个文件中
- 基本对象Number,String,Array,Math,Date,函数的定义,全局变量
- [面试] 递归 反向输出链表 ,定义一个求字符串长度的函数, 反向输出字符串. 不能再函数内部定义变量.
- 网易面试题之小易是一个数论爱好者,并且对于一个数的奇数约数十分感兴趣。一天小易遇到这样一个问题: 定义函数f(x)为x最大的奇数约数,x为正整数。 例如:f(44) = 11. 现在给出一个N,需要求
- 定义栈的数据结构,要求添加一个 min 函数,能够得到栈的最小元素。要求函数 min、push 以及 pop 的时间复杂度都是 O(1)。
- GCC如何处理函数返回一个结构体
- vue 如何给每个页面添加一个全局的className
- 多个".h"文件中声明及定义 全局变量和函数