Passwordfield 密码输入框

带有显示/隐藏密码功能的输入框

效果

使用方法

<template>
  <div class="wxc-demo">
    <lc-title title="密码输入框"></lc-title>
    <category title="密码输入域(默认不显示密码)"></category>
    <div class="container">
      <div class="form">
        <lc-passwordfield type="password" :autofocus="true"></lc-passwordfield>
      </div>
    </div>  

    <category title="密码输入域(显示密码)"></category>
    <div class="container">
      <div class="form">
        <lc-passwordfield type="password" :pwdShow="true" ></lc-passwordfield>
      </div>
    </div>

  </div>
</template>

<style scoped>
  .wxc-demo {
    background-color: #FFFFFF;
  }
  .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .form{
    width: 300px;
  }
</style>

<script>
import LcTitle from '_mods/title.vue';
import Category from '_mods/category.vue';
export default {
	components: { LcTitle, Category },
    data: () => ({
    }),
    created () {
    },
    methods: {
    }
  };
</script>

可配置参数

Prop	Type	Required	Default	Description
placeholder	String	N		提示文本
disabled	Boolean	N	false	是否禁用
autofocus	Boolean	N	false	是否自动聚焦
maxlength	Number	N		输入最大长度
pwdShow	Boolean	N	false	密码是否显示

事件回调

@onInput="onInput"

@onChange="onChange"

@onBlur="onBlur"

@onFocus="onFocus"

@onEnter="onEnter"