vue-passinput

1.0.4 • Public • Published

vue-passinput

vue写的支付密码输入框组件,仿京东,可以清空密码框,获取密码框输入的内容,以及密码框颜色

安装:npm install --save vue-passinput


使用:

  1. 在main.js引用
import vuePassinput from 'vue-passinput'
Vue.use(vuePassinput)
  1. 在组件中使用

参数:

参数名 说明
id 必传(为了区别其他密码框)
paypassHave 输入的内容,为空时则可清空密码输入框组件内容
linecolor 非必填 密码输入框的颜色值,不填时默认为#eeeeee

方法:

方法名 说明
chagePass 监听密码输入框组件的输入值
<vuePassinput id="paypass" :paypassHave="paypassHave" v-on:chagePass="chagePass" linecolor="#333333"></vuePassinput>
  methods:{
    chagePass(value){
      console.log(value) //value代表密码框输入的值
    }
  }
  1. 示例图片

conv_ops

这个密码输入框解决了浏览器记住密码的问题

/vue-passinput/

    Package Sidebar

    Install

    npm i vue-passinput

    Weekly Downloads

    1

    Version

    1.0.4

    License

    MIT

    Unpacked Size

    19.2 kB

    Total Files

    10

    Last publish

    Collaborators

    • anuniqueboy