分享一個vue的全局函數(shù)的常見用法，這里講解一個價格處理的函數(shù)

---

JS代碼

import Vue from 'vue'Vue.prototype.highlight = function (value) { // 設(shè)置價格過濾方法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的全局函數(shù)，就可以在任何地方使用了，很方便。

總結(jié)

以上是生活随笔為你收集整理的vue定义一个全局价格处理函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。