您的位置:首页 > 产品设计 > UI/UE

vue定义一个全局价格处理函数

2017-08-09 15:48 274 查看
分享一个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的全局函数,就可以在任何地方使用了,很方便。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐