+
80
-

vue如何input输入框输入电话号码实时隐藏中间4位?

vue如何input输入框输入电话号码实时隐藏中间4位?


网友回复

+
0
-

输入的过程中直接将中间4位实时转成星号,代码如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

</head>

<body>
    <div id="app">
       
        <input @input="inpute($event)" v-model="val" />
       
    </div>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.2.2.min.js"></script>


    <script>
        new Vue({
            el: '#app',
            data: function() {
                return {
                   
                    val:"",
                }
            },
         
            methods:{
                inpute:function(e){
                    console.log(e.data)
                    let  str="";
                    for(i=0;i<this.val.length;i++){
                         if(i>2&&i<7){
                        str+="*";
                    }else{
                        str+=this.val[i];
                    }
                    }
                   this.val=str;
                     this.score++;
                 },
                
             },


            
        })
    </script>
</body>

</html>

我知道答案,我要回答