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

分享一个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 = 0return '<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定义一个全局价格处理函数相关推荐

定义一个数组，用函数交换数组中的两个元素（C语言）
定义一个数组,用函数交换数组中的两个元素 #include <stdio.h> void swap(int *a, int *b); int main(void) {int Array[] ...
Vue 自定义一个全局弹框组件
前文:其实element ui有提供this.$mesage和this.$notify弹框组件可供使用,但是我们的ui设计的样式以及布局还是不完全一样的,为了达到100%的呈现效果,所以自己写了一个全 ...
MySQL中如何定义一个自己写的函数
文章目录数据库中的函数创建自定义函数修改自定义函数删除自定义的函数在MySQL中存储着一系列的SQL语句,调用函数就是一次性执行这些语句.所以函数可以降低语句的重复. 但要注意到函数是注重返 ...
用Python定义一个求绝对值的函数
在Python中,定义一个函数要使用def语句,依次写出函数名.括号.括号中的参数和冒号,然后,在缩进块中编写函数体,函数的返回值用return语句返回. 我们以自定义一个求绝对值的my_a ...
定义一个判断素数的函数
#include<stdio.h> //定义一个函数判断素数 void sushu(int s){ int i,j,k=0; for(i=2;i<s;i++) if(s%i==0){ ...
js编程思路--给网站定义一个全局的js对象，放到window对象中
if (typeof G === "undefined") {var G = window.G = {} } 定义一个全部局变量G,用来存放各个页面的初始化值,然后在各个页面顶端检 ...
定义一个没有参数的函数、输出python3次_Python函数参数详解，三天让你掌握python，不再是小白
原标题:Python函数参数详解,三天让你掌握python,不再是小白引言随着程序功能的增多,代码量随之增大,此时仍不加区分地把所有功能的实现代码放到一起,将会使得程序的组织结构不清晰,可读性变差 ...
【C语言】输入三个正整数a,b,c,求最大值，要求定义一个计算最大值的函数max(a,b），返回a,b的值...
#include<stdio.h> int max(int a, int b)/*定义函数*/ {if (a > b)return a;elsereturn b; } int mai ...
python定义一个全局字典_Python字典操作详细介绍及字典内建方法分享
创建方法一: >>> dict1 = {} >>> dict2 = {'name': 'earth', 'port': 80} >>> dict ...

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

vue定义一个全局价格处理函数相关推荐

最新文章

热门文章