vue input 自定义组件化 只能输入 整数 小数点两位 最大值 最大位数

vue input  自定义组件化   只能输入 整数  小数点两位   最大值  最大位数

d-input.vue

 

    .addDiscount section .addDiscount-form .addDiscount-form-max-inputs {

        width: 430px;

        margin-right: 10px;

    }

    .el-inputs {

        position: relative;

        font-size: 14px;

        display: inline-block;

        width: 100%;

    }

    .el-input__inners{

        background-color: #FFF;

        color: #606266;

        position: relative;

        font-size: 14px;

        padding: 0 8px;

        display: inline-block;

        width: 100%;

        height: 40px;

        line-height: 40px;

        outline: 0;

        border-radius:5px;

        border: 1px solid #DCDFE6;

        box-sizing: border-box;

        transition: border-color .2s cubic-bezier(.645,.045,.355,1);

        -webkit-appearance: none;

    }

        input::-webkit-input-placeholder{

            color:#DCDFE6;

        }

        input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:#DCDFE6;

        }

        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:#DCDFE6;

        }

        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:#DCDFE6;

        }

    .opoUp{

        background: rgba(0,0,0,0.03)

    }

    .el-input__inner{

        padding: 0 5px;

    }

引用

import dInput from "@/components/d-input";

  components: {

    dInput

  },

 

                     maxLength="6" type="int">