输入框

效果

---

---

代码预览

<template>
    <div>
        <span>禁用按钮：</span>
        <jul-input placeholder="请输入用户名" type="password" name="username" disable></jul-input>
        <span>一键清除输入的文本(请输入)：</span>
        <jul-input type="text" placeholder="请输入用户名" v-model="username" clearable></jul-input>
        <span>显示和隐藏密码(请输入)：</span>
        <jul-input type="password" placeholder="请输入密码" v-model="password" showPassword></jul-input>
    </div>
</template>

<script>
export default {
    data() {
        return {
            username: '',
            password: ''
        }
    }
}
</script>

<style lang="scss">
    .jul-input {
        margin: 12px 0 20px;
    }
</style>