ShortPassword 短密码

底部弹出短密码

<nut-shortpassword
    :visible="isShow"
    @close = "shortpwdClose"
    type = "bottom"
    link = "https://m.jd.com"
>
</nut-shortpassword>

居中弹出短密码

<nut-shortpassword 
    :visible="isShow2"
    @close="shortpwdClose2"
    type="center"
></nut-shortpassword>

export default {
    data(){
        return{
            isShow:false,
            isShow2:false,
            val1:'',
            val2:''
        }
    },
    methods:{
        shortpwdClose(val){
            if(val) this.val1 = val;
            this.isShow = false;
        },
        shortpwdClose2(val){
                if(val) this.val2 = val;
            this.isShow2 = false;
        },
        showShortpwd(){
            this.isShow = true;
        },
        showShortpwd2(){
            this.isShow2 = true;
        },
    }
}

Prop

Event