vue写的支付密码输入框组件,仿京东,可以清空密码框,获取密码框输入的内容,以及密码框颜色
- 在main.js引用
import vuePassinput from 'vue-passinput'
Vue.use(vuePassinput)
- 在组件中使用
参数:
参数名 | 说明 |
---|---|
id | 必传(为了区别其他密码框) |
paypassHave | 输入的内容,为空时则可清空密码输入框组件内容 |
linecolor | 非必填 密码输入框的颜色值,不填时默认为#eeeeee |
方法:
方法名 | 说明 |
---|---|
chagePass | 监听密码输入框组件的输入值 |
<vuePassinput id="paypass" :paypassHave="paypassHave" v-on:chagePass="chagePass" linecolor="#333333"></vuePassinput>
methods:{
chagePass(value){
console.log(value) //value代表密码框输入的值
}
}
- 示例图片
这个密码输入框解决了浏览器记住密码的问题