天天看點

銀行卡格式輸入

銀行卡格式輸入框

<input class="l__header--inp" v-model="cardNumber" @keydown="card" type="text"/>
 
 data() {
            return {
                cardNumber:null,
            }
        },
        
methods: {
            card(){
                    let c = this.cardNumber;
                    if( c.length === 4){
                        this.cardNumber=this.cardNumber+' ';
                    }else if(c.length===9){
                        this.cardNumber=this.cardNumber+' ';
                    }else if(c.length===14) {
                        this.cardNumber=this.cardNumber+' ';
                    }else if(c.length >=17){
                        this.cardNumber=this.cardNumber.substring(0,17);
                    }
                },
        },
           

有一丢丢的小問題,沒什麼影響,有時間再改