vue将输入框置灰_vue+vant使用密码输入框和数字键盘

1.开发环境 vue+vant

2.电脑系统 windows10专业版

3.在使用vue+vant开发的时候,我们经常会使用到其中的组件密码输入框和数字键盘完成支付等功能,下面我来分享一下密码输入框和数字键盘的使用,以及遇到的问题和解决方法,希望对你有所帮助。

4.废话不多说,先看效果图:

5.在template中添加如下代码:

:style="{ height: '65%' }">

:error-info="PassWordObj.errorInfo" :focused="PassWordObj.show" @focus="NumberJObj.show = true" />

@delete="onDelete(NumberJObj.va)" />

6.在css中添加如下代码:.Ps {

height: 60% !important;

}

.Psinp {

margin-top: 50px;

}

7.在return中添加如下代码:Cshow:false,

// 密码输入框

PassWordObj: {

show: false,

value: "",

error