v-money-format-v v0.3.0

v-money-format

实现一个Vue的自定义金额格式化组件和指令，组件名：money-format;指令名：v-money-format

用法

前提：全局下载 @vue/cli-service-global包

npm install -g @vue/cli-service-global

import Vue from 'vue'
import moneyFormat from 'v-money-format-v'

// register directive v-money-format and component <money-format>
Vue.use(moneyFormat, {precision: 2})

作为组件使用

<template>
  <div>
    <money v-model.lazy="price" v-bind:config="config"></money> {{price}}
  </div>
</template>

<script>
  import { MoneyFormat } from 'v-money-format-v'

  export default {
    components: { MoneyFormat },

    data () {
      return {
        price: 123.45,
        config: {
          thousands: '.',
          precision: 2
        }
      }
    }
  }
</script>

作为指令使用

<template>
  <div>
    <input v-model.lazy="price" v-money-format="config" /> {{price}}
  </div>
</template>

<script>
  import { VMoneyFormat } from 'v-money-format-v'

  export default {
    data () {
      return {
        price: 123.45,
        config: {
          thousands: '.',
          precision: 2
        }
      }
    },

    directives: { 'money-format': VMoneyFormat }
  }
</script>

属性参数