全局注册util方法

liuqimichale
1 parent 841f35d2
Showing 4 changed files with 70 additions and 4 deletions
src/components/total.vue
src/filters/filters.js
src/main.js
src/utils/formatNum.js
 <template>
   <div class="totalwrap">
-    总计：{{initnum}}
+    总计
+    <span v-for="item in this.$util.formatNumArr(totalNum)" :class="item !== ',' ? 'titlebg' : '' ">{{item}}</span>
   </div>
 </template>
  
 <script>
-import {formatNum} from '../utils/formatNum'
  
 export default {
   name: 'total',
@@ -14,7 +14,7 @@ export default {
   },
   data() {
     return {
-      initnum: formatNum(this.totalNum)
+      // initnum: this.$util.formatNumArr(this.totalNum)
     }
  
   }
@@ -26,4 +26,8 @@ export default {
     height: 40px;
     color: #fff;
   }
+
+  .titlebg {
+    background: #f00;
+  }
 </style>
+export function formatNum(str) {
+  var newStr = "";
+  var count = 0;
+  for (var i = str.length - 1; i >= 0; i--) {
+    if (count % 3 == 0 && count != 0) {
+
+      newStr = str.charAt(i) + "," + newStr;
+    } else {
+      newStr = str.charAt(i) + newStr;
+    }
+    count++;
+  }
+  str = newStr;
+  return str;
+
+}
+
+export function formatNumArr(str) {
+  var newStr = "";
+  var count = 0;
+  for (var i = str.length - 1; i >= 0; i--) {
+    if (count % 3 == 0 && count != 0) {
+
+      newStr = str.charAt(i) + "," + newStr;
+    } else {
+      newStr = str.charAt(i) + newStr;
+    }
+    count++;
+  }
+  str = newStr;
+  str = str.split('')
+  return str;
+
+}
@@ -4,6 +4,13 @@ import Vue from &#39;vue&#39;
 import App from './App'
 import './mock/mock'
 import '@/styles/reset.css'/*引入重置样式*/
+import * as filters from './filters/filters'
+import util from './utils/formatNum'
+Vue.prototype.$util = util
+
+Object.keys(filters).forEach(key => {
+  Vue.filter(key, filters[key])
+})
  
 Vue.config.productionTip = false
  
-export function formatNum(str) {
+// export function formatNum(str) {
+//   var newStr = "";
+//   var count = 0;
+//   for (var i = str.length - 1; i >= 0; i--) {
+//     if (count % 3 == 0 && count != 0) {
+//
+//       newStr = str.charAt(i) + "," + newStr;
+//     } else {
+//       newStr = str.charAt(i) + newStr;
+//     }
+//     count++;
+//   }
+//   str = newStr;
+//   return str;
+//
+// }
+
+function formatNumArr(str) {
+  console.log(typeof str)
   var newStr = "";
   var count = 0;
   for (var i = str.length - 1; i >= 0; i--) {
@@ -11,6 +29,9 @@ export function formatNum(str) {
     count++;
   }
   str = newStr;
+  str = str.split('')
   return str;
  
 }
+
+export default {formatNumArr}