# yuInputMoney 组件

金额输入组件：支持表单项和其他两种展示方式、支持自动格式化金额、支持银行名称logo定制、支持单位自动显示

# 效果预览

1.表单形式

<template>
  <yu-input-money ref="inputMoney" placeholder="请输入金额" @input="onInput" :isFormItem="true"></yu-input-money>
<template>
<script>
  import yuInputMoney from '@/components/yu-input-money/index.vue';
  export default {
    components: {
     yuInputMoney
    },
    data() {
      return {};
    },
    methods: {
      onInput(value) {
        console.log('获得输入值------------- ', value);
      }
    }
  };
</script>

2.金额输入形式

<template>
  <yu-input-money ref="inputMoney" placeholder="请输入金额" @input="onInput" :isFormItem="false"></yu-input-money>

<template>
<script>
  import yuInputMoney from '@/components/yu-input-money/index.vue';
  export default {
    components: {
     yuInputMoney
    },
    data() {
      return {};
    },
    methods: {
      onInput(value) {
        console.log('获得输入值------------- ', value);
      }
    }
  };
</script>

# Attributes

参数	说明	类型	可选值	默认值
label	左侧标签	String	-	金额 ¥
placeholder	输入框占位	String	-	请输入
title	键盘名称	String	-	宇信银行
disabled	是否禁用	boolean	true、false	false
showunit	是否显示计数单位,最大显示到百亿	boolean	true、false	true
maxlength	密码键盘最大输入长度	Number	-	11
isFormItem	是否显示为表单项形式	boolean	true、false	false
bankNo	银行行号用于反显银行卡logo,键盘左下角银行logo,src/assets/img/banklogo目录下可查看logo图标，文件名即为行号	String	-	yubanktest

# Events

方法名	说明	参数
input	输入框 input 事件	输入的值

← yuImgSwiper 图片轮播 yuInputNum 数值输入组件 →