Input 输入框

通过鼠标或键盘输入字符

基础用法

<template>
	<LiInput placeholder="Licht UI"></LiInput>
</template>

禁用状态

使用disabled控制禁用状态

<template>
	<LiInput placeholder="Licht UI" disabled></LiInput>
</template>

清空

使用clearable控制清空状态

<template>
	<LiInput placeholder="Licht UI" clearable></LiInput>
</template>

输入框类型

使用type控制输入框类型

<template>
	<LiInput type="default" placeholder="Licht UI"></LiInput>
	<LiInput type="primary" placeholder="Licht UI"></LiInput>
	<LiInput type="success" placeholder="Licht UI"></LiInput>
	<LiInput type="danger" placeholder="Licht UI"></LiInput>
	<LiInput type="warning" placeholder="Licht UI"></LiInput>
	<LiInput type="info" placeholder="Licht UI"></LiInput>
</template>

WARNING

注意和原始类型区分

原始类型

使用ntype控制输入框类型

<template>
	<LiInput ntype="text" placeholder="Licht UI"></LiInput>
	<LiInput ntype="password" placeholder="Licht UI"></LiInput>
	<LiInput ntype="email" placeholder="Licht UI"></LiInput>
	<LiInput ntype="date" placeholder="Licht UI"></LiInput>
	<LiInput ntype="file" placeholder="Licht UI"></LiInput>
</template>

WARNING

注意和输入框类型区分

标签

使用label控制左侧标签

$

<template>
	<LiInput label="$" placeholder="请输入金额"></LiInput>
</template>

自定义插槽

￥

%

<template>
	<LiInput placeholder="Licht UI">
		<template #label>
			<LiText>￥</LiText>
		</template>
	</LiInput>
	<LiInput placeholder="Licht UI">
		<template #suffix>
			<LiText>%</LiText>
		</template>
	</LiInput>
</template>

Input Attributes

参数	说明	类型	可选值	默认值
disabled	禁用	boolean		false
type	类型	string	default / primary / success / warning / info / danger	default
ntype	原始类型	string		text

Input Slots

插槽名	说明
label	头部插槽
suffix	尾部插槽