1.0.4 • Published 5 years ago
vue-passinput v1.0.4
vue-passinput
vue写的支付密码输入框组件,仿京东,可以清空密码框,获取密码框输入的内容,以及密码框颜色
安装:npm install --save vue-passinput
使用:
在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代表密码框输入的值 } }
示例图片
这个密码输入框解决了浏览器记住密码的问题