vue定义全局过滤器

新建个filter.js文件

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);



  /* 设置金额格式  1,234.56 */
  let moneyFormat = value =>  {
   /* //金额转换 分->元 保留2位小数 并每隔3位用逗号分开 1,234.56
    let intSum = value.substring(0,value.indexOf(".")).replace( /\B(?=(?:\d{3})+$)/g, ',' );//取到整数部分
    let dot = value.substring(value.length,value.indexOf("."))//取到小数部分搜索
    let ret = intSum + dot;*/
   let ret = value;
    return ret;
  }

//定义下全局过滤器  往 {}里面加 逗号隔开
export  {moneyFormat}

main.js

//全局过滤器文件
import * as custom  from '@/filter/filter.js'
Object.keys(custom).forEach(key => {
  Vue.filter(key, custom[key])
})

vue页面使用

 <el-button slot="append"  readonly="readonly" class="bgf">元{{input1|moneyFormat}}</el-button>
         </el-input>
       </el-col>